@charset "utf-8";
/* CSS Document public*/
*{font-family: Arial, Helvetica, "Microsoft Yahei", sans-serif; padding: 0; margin: 0; box-sizing: border-box;
/* vertical-align: top*/}
html{overflow-x: hidden;}
body{padding: 0; margin: 0; font-family: Arial, "Microsoft Yahei", Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-overflow-scrolling: touch; /*安卓和 IOS html5 动画卡顿解决方案*//* overflow-x:hidden; */ line-height: 1; font-size: 14px;overflow:auto;overflow-x: hidden;}
a{text-decoration: none; bblr: expression(this.onFocus=this.blur()); /*IE使用*/ outline-style: none; /*FF使用*/; outline: none;}
a, input, img, :focus{mayfish: expression(this.onfocus=this.blur); cursor: handbblr: expression(this.onFocus=this.blur()); /*IE使用*/ outline-style: none; /*FF使用*/}
/*去除a标签带来的虚框*/
ul{list-style: none;}
img{border: 0px}
ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, p{padding: 0; margin: 0; font-weight: normal;}
h3, h4, h5{font-weight: normal;}
h4 a:hover, h5 a:hover{-moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out;}
hr{display: block; height: 1px; border: 0; background: #d8d8d8; padding: 0; margin-bottom: 3.25rem; margin-top: 2.5rem;}
abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video{display: block}
.fl{float: left}
.fr{float: right}
.clear{clear: both; height: 0px; font-size: 1px; line-height: 0px}
.container01, .container02, .container03, .container04, .container05, .container06, .container07, .container08, .n-container01, .n-container03, .n-container04{margin: 0 auto;}
.slow img:hover{transform: scale(1.05);}
/*图片放大*/
.slow img{-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
/*缓慢效果*/
h5 a, .more a{-moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out;}
/*缓慢效果*/
slow01{-moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
/*缓慢效果*/
.slow02{-moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.shadow{-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')"; /* For IE 8 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999'); /* For IE 5.5 - 7 */ -moz-box-shadow: 1px 1px 10px #999999; /* for firefox */ -webkit-box-shadow: 1px 1px 10px #999999; /* for safari or chrome */ box-shadow: 1px 1px 10px #999999; /* for opera or ie9 */}
.radius{-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.opacity{filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1}
/*透明代码*/
.overfloat-dot{overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
/*文本超出 小圆点显示*/
.gray{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6;}
/*transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);*/ /*180度旋转*/
/*oncontextmenu="return false" ondragstart="return false" onselectstart="return false"*/
/*filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);*/ /*透明背景*/
.a_body{position: relative;}
::-webkit-scrollbar{width: 5px; height: 5px; background: #f1f1f1}
::-webkit-scrollbar-track{border-radius: 2.5px; background: #f1f1f1}
::-webkit-scrollbar-thumb{border-radius: 2.5px; background: #e23433}
input::-webkit-input-placeholder{color: #999;}
input::-moz-placeholder{/* Mozilla Firefox 19+ */ color: #999;}
input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color: #999;}
input:-ms-input-placeholder{/* Internet Explorer 10-11 */ color: #999;}
textarea::-webkit-input-placeholder{color: #999;}
textarea::-moz-placeholder{/* Mozilla Firefox 19+ */ color: #999;}
textarea:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color: #999;}
textarea:-ms-input-placeholder{/* Internet Explorer 10-11 */ color: #999;}
.w100{width: 100%}
.w1200{width: 1200px; margin: 0 auto}
h5 a{display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.more a{-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out;}
.table{display: table; table-layout: fixed; text-align: center; width: 100%; height: 100%}
.table_{height: 80px;}
.table_cell{display: table-cell; vertical-align: middle}
/*内容样式*/
.ar_article td,
.ar_article th{padding: 1rem 0.9375rem; border: 1px solid #c6c5c5;}
.ar_article td p,
.ar_article th p{padding-bottom: 0; margin-bottom: 0;}
.ar_article table{border-collapse: collapse; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 100% !important}
.ar_article table tr:not(:first-child) td{background: none !important}
.ar_article table td{border-left: 1px solid #ccc; border-top: 1px solid #ccc; width: auto !important;}
.ar_article{font-size: 0.9375rem; color: #7a7a7b; line-height: 1.875rem; margin-bottom: 1.75rem;}
.ar_article p{font-size: 0.9375rem; color: #7a7a7b; line-height: 1.875rem; margin-bottom: 1.75rem;}
.ar_article strong{font-weight: bold;}
.ar_article img{max-width: 100%;}
.ar_article a{color: #717173;}
.ar_article h1, .ar_article h2, .ar_article h3, .ar_article h4, .ar_article h5{font-weight: bold;}
.ar_article h1{font-size: 2.25rem; margin-bottom: 1.25rem}
.ar_article h2{font-size: 1.875rem; margin-bottom: 0.875rem;}
.ar_article h3{font-size: 1.5rem; margin-bottom: 0.9375rem}
.ar_article h4{font-size: 1.125rem; margin-bottom: 0.875rem}
.ar_article h5{font-size: 0.875rem; margin-bottom: 0.75rem}
.ar_article h6{font-size: 0.75rem; margin-bottom: 0.75rem}
.ar_article ul li,
.ar_article ol li{padding-bottom: 0 !important; margin-bottom: 0 !important; margin-left: 2rem; list-style: inherit !important;}
.ar_article ul li p,
.ar_article ol li p{padding-bottom: 0; margin-bottom: 3px !important;}
.ar_article ul,
.ar_article ol{margin-bottom: 0.9375rem;}
.ar_article sub{vertical-align: sub; font-size: smaller;}
.ar_article sup{vertical-align: super; font-size: smaller;}
.ar_article p span{display: inline-block;}
.ar_article img{display: inline-block;}
/*百度播放器美化*/
#playercontainer_display_button, #video1_display_button, #video2_display_button{background: none !important; height: 40px; width: 40px !important; border: 2px solid #fff; border-radius: 50%; padding: 0 !important;}
#playercontainer_display_button #playercontainer_display_button_play, #video1_display_button #video1_display_button_play, #video2_display_button #video2_display_button_play{background-size: 25px;}
#playercontainer_display_button, #video1_display_button, #video2_display_button{height: 40px !important; margin-top: -20px !important;}
#playercontainer_display .cbpreview, #video1_display .cbpreview, #video2_display .cbpreview{opacity: .75 !important;}
/* Slider */
.miso-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.miso-list{position: relative; overflow: hidden; display: block; margin: 0; padding: 0;}
.miso-list:focus{outline: none;}
.miso-loading .miso-list{background: #fff url(../pic/ajax-loader.gif) center center no-repeat;}
.miso-list.dragging{cursor: pointer; cursor: hand;}
.miso-slider .miso-list, .miso-track, .miso-slide, .miso-slide img{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.miso-track{position: relative; left: 0; top: 0; display: block; zoom: 1;}
.miso-track:before, .miso-track:after{content: ""; display: table;}
.miso-track:after{clear: both;}
.miso-loading .miso-track{visibility: hidden;}
.miso-slide{float: left; height: 100%; min-height: 1px; display: none;}
.miso-slide img{display: inline-block;}
.miso-slide.miso-loading img{display: none;}
.miso-slide.dragging img{pointer-events: none;}
.miso-initialized .miso-slide{display: block !important; width: 1280px;}
.miso-loading .miso-slide{visibility: hidden;}
.miso-vertical .miso-slide{display: block; height: auto; border: 1px solid transparent;}
/* Arrows */
.miso-prev, .miso-next{position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; top: 50%;}
.miso-prev{left: 0}
.miso-next{right: 0}
/* Dots */
.miso-dots{position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%;}
.miso-dots li{position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px;}
.miso-dots li button{border: 0; background: transparent; display: block; height: 20px; width: 45px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer;}
.miso-dots li button:focus{outline: none;}
.miso-dots li.miso-active a{transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg);}
.layui-inline, img{display: inline-block; vertical-align: middle}
h1, h2, h3, h4, h5, h6{font-weight: 400}
.layui-edge, .layui-header, .layui-inline, .layui-main{position: relative}
.layui-elip, .layui-form-checkbox span, .layui-form-pane .layui-form-label{text-overflow: ellipsis; white-space: nowrap}
.layui-btn, .layui-edge, .layui-inline, img{vertical-align: middle}
.layui-btn, .layui-disabled, .layui-icon, .layui-unselect{-webkit-user-select: none; -ms-user-select: none; -moz-user-select: none}
blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul{margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
a:active, a:hover{outline: 0}
img{border: none}
li{list-style: none}
table{border-collapse: collapse; border-spacing: 0}
h4, h5, h6{font-size: 100%}
button, input, optgroup, option, select, textarea{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: 0}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word}
body{}
hr{height: 1px; margin: 10px 0; border: 0; clear: both}
a{color: #333; text-decoration: none}
.tit:hover{color: #E23433}
a cite{font-style: normal; *cursor: pointer}
.layui-border-box, .layui-border-box *{box-sizing: border-box}
.layui-box, .layui-box *{box-sizing: content-box}
.layui-clear{clear: both; *zoom: 1}
.layui-clear:after{content: '\20'; clear: both; *zoom: 1; display: block; height: 0}
.layui-inline{*display: inline; *zoom: 1}
.layui-edge{display: inline-block; width: 0; height: 0; border-width: 6px; border-style: dashed; border-color: transparent; overflow: hidden}
.layui-edge-top{top: -4px; border-bottom-color: #999; border-bottom-style: solid}
.layui-edge-right{border-left-color: #999; border-left-style: solid}
.layui-edge-bottom{top: 2px; border-top-color: #999; border-top-style: solid}
.layui-edge-left{border-right-color: #999; border-right-style: solid}
.layui-elip{overflow: hidden}
.layui-disabled, .layui-disabled:hover{color: #d2d2d2 !important; cursor: not-allowed !important}
.layui-circle{border-radius: 100%}
.layui-show{display: block !important}
.layui-hide{display: none !important}
@font-face{font-family: layui-icon; src: url(../font/iconfont.eot?v=240); src: url(../font/iconfont.eot?v=240#iefix) format('embedded-opentype'), url(../font/iconfont.svg?v=240#iconfont) format('svg'), url(../font/iconfont.woff?v=240) format('woff'), url(../font/iconfont.ttf?v=240) format('truetype')}
.layui-icon{font-family: layui-icon !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}
.layui-main{width: 1140px; margin: 0 auto}
.layui-header{z-index: 1000; height: 60px}
.layui-header a:hover{transition: all .5s; -webkit-transition: all .5s}
.layui-side{position: fixed; left: 0; top: 0; bottom: 0; z-index: 999; width: 200px; overflow-x: hidden}
.layui-side-scroll{position: relative; width: 220px; height: 100%; overflow-x: hidden}
.layui-body{position: absolute; left: 200px; right: 0; top: 0; bottom: 0; z-index: 998; width: auto; overflow: hidden; overflow-y: auto; box-sizing: border-box}
.layui-layout-body{overflow: hidden}
.layui-layout-admin .layui-header{background-color: #23262E}
.layui-layout-admin .layui-side{top: 60px; width: 200px; overflow-x: hidden}
.layui-layout-admin .layui-body{top: 60px; bottom: 44px}
.layui-layout-admin .layui-main{width: auto; margin: 0 15px}
.layui-layout-admin .layui-footer{position: fixed; left: 200px; right: 0; bottom: 0; height: 44px; line-height: 44px; padding: 0 15px; background-color: #eee}
.layui-layout-admin .layui-logo{position: absolute; left: 0; top: 0; width: 200px; height: 100%; line-height: 60px; text-align: center; color: #009688; font-size: 16px}
.layui-layout-admin .layui-header .layui-nav{background: 0 0}
.layui-layout-left{position: absolute !important; left: 200px; top: 0}
.layui-layout-right{position: absolute !important; right: 0; top: 0}
.layui-container{position: relative; margin: 0 auto; padding: 0 15px; box-sizing: border-box; max-width: 1310px;}
.layui-container01{position: relative; margin: 0 auto; padding: 0 15px; box-sizing: border-box; max-width: 1630px;}
.layui-container02{position: relative; margin: 0 auto; padding: 0 15px; box-sizing: border-box; max-width: 1780px;}
@media (max-width: 992px){.layui-container02{padding: 0}}
.layui-container03{position: relative; margin: 0 auto; padding: 0 15px; box-sizing: border-box; max-width: 1410px;}
.layui-container04{position: relative; margin: 0 auto; padding: 0 15px; box-sizing: border-box; max-width: 1470px;}
.layui-container05{position: relative; margin: 0 auto; padding: 0 15px; box-sizing: border-box; max-width: 1355px;}
.layui-fluid{position: relative; margin: 0 auto; padding: 0 15px}
.layui-row:after, .layui-row:before{content: ''; display: block; clear: both}
.layui-col-lg1, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12, .layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5, .layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9, .layui-col-md1, .layui-col-md10, .layui-col-md11, .layui-col-md12, .layui-col-md2, .layui-col-md3, .layui-col-md4, .layui-col-md5, .layui-col-md6, .layui-col-md7, .layui-col-md8, .layui-col-md9, .layui-col-sm1, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12, .layui-col-sm2, .layui-col-sm3, .layui-col-sm4, .layui-col-sm5, .layui-col-sm6, .layui-col-sm7, .layui-col-sm8, .layui-col-sm9, .layui-col-xs1, .layui-col-xs10, .layui-col-xs11, .layui-col-xs12, .layui-col-xs2, .layui-col-xs3, .layui-col-xs4, .layui-col-xs5, .layui-col-xs6, .layui-col-xs7, .layui-col-xs8, .layui-col-xs9{position: relative; display: block; box-sizing: border-box}
.layui-col-xs1, .layui-col-xs10, .layui-col-xs11, .layui-col-xs12, .layui-col-xs2, .layui-col-xs3, .layui-col-xs4, .layui-col-xs5, .layui-col-xs6, .layui-col-xs7, .layui-col-xs8, .layui-col-xs9{float: left}
.layui-col-xs1{width: 8.33333333%}
.layui-col-xs2{width: 16.66666667%}
.layui-col-xs3{width: 25%}
.layui-col-xs4{width: 33.33333333%}
.layui-col-xs5{width: 41.66666667%}
.layui-col-xs6{width: 50%}
.layui-col-xs7{width: 58.33333333%}
.layui-col-xs8{width: 66.66666667%}
.layui-col-xs9{width: 75%}
.layui-col-xs10{width: 83.33333333%}
.layui-col-xs11{width: 91.66666667%}
.layui-col-xs12{width: 100%}
.layui-col-xs-offset1{margin-left: 8.33333333%}
.layui-col-xs-offset2{margin-left: 16.66666667%}
.layui-col-xs-offset3{margin-left: 25%}
.layui-col-xs-offset4{margin-left: 33.33333333%}
.layui-col-xs-offset5{margin-left: 41.66666667%}
.layui-col-xs-offset6{margin-left: 50%}
.layui-col-xs-offset7{margin-left: 58.33333333%}
.layui-col-xs-offset8{margin-left: 66.66666667%}
.layui-col-xs-offset9{margin-left: 75%}
.layui-col-xs-offset10{margin-left: 83.33333333%}
.layui-col-xs-offset11{margin-left: 91.66666667%}
.layui-col-xs-offset12{margin-left: 100%}
@media screen and (max-width: 768px){.layui-hide-xs{display: none !important}
.layui-show-xs-block{display: block !important}
.layui-show-xs-inline{display: inline !important}
.layui-show-xs-inline-block{display: inline-block !important}}
@media screen and (min-width: 768px){.layui-container{}
.layui-hide-sm{display: none !important}
.layui-show-sm-block{display: block !important}
.layui-show-sm-inline{display: inline !important}
.layui-show-sm-inline-block{display: inline-block !important}
.layui-col-sm1, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12, .layui-col-sm2, .layui-col-sm3, .layui-col-sm4, .layui-col-sm5, .layui-col-sm6, .layui-col-sm7, .layui-col-sm8, .layui-col-sm9{float: left}
.layui-col-sm1{width: 8.33333333%}
.layui-col-sm2{width: 16.66666667%}
.layui-col-sm3{width: 25%}
.layui-col-sm4{width: 33.33333333%}
.layui-col-sm5{width: 41.66666667%}
.layui-col-sm6{width: 50%}
.layui-col-sm7{width: 58.33333333%}
.layui-col-sm8{width: 66.66666667%}
.layui-col-sm9{width: 75%}
.layui-col-sm10{width: 83.33333333%}
.layui-col-sm11{width: 91.66666667%}
.layui-col-sm12{width: 100%}
.layui-col-sm-offset1{margin-left: 8.33333333%}
.layui-col-sm-offset2{margin-left: 16.66666667%}
.layui-col-sm-offset3{margin-left: 25%}
.layui-col-sm-offset4{margin-left: 33.33333333%}
.layui-col-sm-offset5{margin-left: 41.66666667%}
.layui-col-sm-offset6{margin-left: 50%}
.layui-col-sm-offset7{margin-left: 58.33333333%}
.layui-col-sm-offset8{margin-left: 66.66666667%}
.layui-col-sm-offset9{margin-left: 75%}
.layui-col-sm-offset10{margin-left: 83.33333333%}
.layui-col-sm-offset11{margin-left: 91.66666667%}
.layui-col-sm-offset12{margin-left: 100%}}
@media screen and (min-width: 992px){.layui-container{}
.layui-hide-md{display: none !important}
.layui-show-md-block{display: block !important}
.layui-show-md-inline{display: inline !important}
.layui-show-md-inline-block{display: inline-block !important}
.layui-col-md1, .layui-col-md10, .layui-col-md11, .layui-col-md12, .layui-col-md2, .layui-col-md3, .layui-col-md4, .layui-col-md5, .layui-col-md6, .layui-col-md7, .layui-col-md8, .layui-col-md9{float: left}
.layui-col-md1{width: 8.33333333%}
.layui-col-md2{width: 16.66666667%}
.layui-col-md3{width: 25%}
.layui-col-md4{width: 33.33333333%}
.layui-col-md5{width: 41.66666667%}
.layui-col-md6{width: 50%}
.layui-col-md7{width: 58.33333333%}
.layui-col-md8{width: 66.66666667%}
.layui-col-md9{width: 75%}
.layui-col-md10{width: 83.33333333%}
.layui-col-md11{width: 91.66666667%}
.layui-col-md12{width: 100%}
.layui-col-md-offset1{margin-left: 8.33333333%}
.layui-col-md-offset2{margin-left: 16.66666667%}
.layui-col-md-offset3{margin-left: 25%}
.layui-col-md-offset4{margin-left: 33.33333333%}
.layui-col-md-offset5{margin-left: 41.66666667%}
.layui-col-md-offset6{margin-left: 50%}
.layui-col-md-offset7{margin-left: 58.33333333%}
.layui-col-md-offset8{margin-left: 66.66666667%}
.layui-col-md-offset9{margin-left: 75%}
.layui-col-md-offset10{margin-left: 83.33333333%}
.layui-col-md-offset11{margin-left: 91.66666667%}
.layui-col-md-offset12{margin-left: 100%}}
@media screen and (min-width: 1200px){.layui-container{}
.layui-hide-lg{display: none !important}
.layui-show-lg-block{display: block !important}
.layui-show-lg-inline{display: inline !important}
.layui-show-lg-inline-block{display: inline-block !important}
.layui-col-lg1, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12, .layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5, .layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9{float: left}
.layui-col-lg1{width: 8.33333333%}
.layui-col-lg2{width: 16.66666667%}
.layui-col-lg3{width: 25%}
.layui-col-lg4{width: 33.33333333%}
.layui-col-lg5{width: 41.66666667%}
.layui-col-lg6{width: 50%}
.layui-col-lg7{width: 58.33333333%}
.layui-col-lg8{width: 66.66666667%}
.layui-col-lg9{width: 75%}
.layui-col-lg10{width: 83.33333333%}
.layui-col-lg11{width: 91.66666667%}
.layui-col-lg12{width: 100%}
.layui-col-lg-offset1{margin-left: 8.33333333%}
.layui-col-lg-offset2{margin-left: 16.66666667%}
.layui-col-lg-offset3{margin-left: 25%}
.layui-col-lg-offset4{margin-left: 33.33333333%}
.layui-col-lg-offset5{margin-left: 41.66666667%}
.layui-col-lg-offset6{margin-left: 50%}
.layui-col-lg-offset7{margin-left: 58.33333333%}
.layui-col-lg-offset8{margin-left: 66.66666667%}
.layui-col-lg-offset9{margin-left: 75%}
.layui-col-lg-offset10{margin-left: 83.33333333%}
.layui-col-lg-offset11{margin-left: 91.66666667%}
.layui-col-lg-offset12{margin-left: 100%}}

.layui-col-space1{margin: -.5px}
.layui-col-space1 > *{padding: .5px}
.layui-col-space3{margin: -1.5px}
.layui-col-space3 > *{padding: 1.5px}
.layui-col-space5{margin: -2.5px}
.layui-col-space5 > *{padding: 2.5px}
.layui-col-space8{margin: -3.5px}
.layui-col-space8 > *{padding: 3.5px}
.layui-col-space10{margin: -5px}
.layui-col-space10 > *{padding: 5px}
.layui-col-space12{margin: -6px}
.layui-col-space12 > *{padding: 6px}
.layui-col-space15{margin: -7.5px}
.layui-col-space15 > *{padding: 7.5px}
.layui-col-space18{margin: -9px}
.layui-col-space18 > *{padding: 9px}
.layui-col-space20{margin: -10px}
.layui-col-space20 > *{padding: 10px}
.layui-col-space22{margin: -11px}
.layui-col-space22 > *{padding: 11px}
.layui-col-space25{margin: -12.5px}
.layui-col-space25 > *{padding: 12.5px}
.layui-col-space30{margin: -15px}
.layui-col-space30 > *{padding: 15px}
.layui-img-responsive{max-width: 100%;}
@charset "utf-8";
@font-face{font-family: MISTRAL; src: url(../font/MISTRAL.TTF);}
@font-face{font-family: bahnschrift; src: url(../font/bahnschrift.ttf);}
@font-face{font-family: impact; src: url(../font/impact.ttf);}
/*@font-face{font-family:Helvetica; src:url(../font/Helvetica-Condensed-Light-Light.otf);}*/
@font-face{font-family: Helvetica; src: url("../fonts/tt0248m.ttf");}
@media (max-width: 1920px){html{font-size: 16px;}}
@media (min-width: 1400px) and (max-width: 1600px){html{font-size: 15px;}}
@media (min-width: 640px) and (max-width: 1399px){html{font-size: 14px;}}
@media (min-width: 471px) and (max-width: 639px){html{font-size: 13px;}}
@media (min-width: 329px) and (max-width: 470px){html{font-size: 12px;}}
@media (max-width: 328px){html{font-size: 12px;}}
/*==========================================公共 开始=============================================*/
.ar_wap{display: none}
.a_body{position: relative; z-index: 0; overflow-x: hidden}
.section{overflow: hidden;}
header{position: fixed; height: 6.2rem; background: #fff !important; left: 0; z-index: 1000; width: 100%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); top: 0;}
header .fl{height: 6.25rem; line-height: 6.25rem; position: relative;}
header .fl a{display: block; position: absolute; z-index: 10; width: 100%; height: 100%; top: 0; left: 0;}
header .fl embed{/*width: 13.375rem;*/ display: inline-block; vertical-align: middle;}
header .fl embed.wap{display: none}
#header .logo{display: none;}
/*导航*/
#header nav{display: inline-block; /*height:6.25rem; line-height:6.25rem;*/}
#header nav ul{font-size: 0}
#header nav ul li{display: inline-block; *display: inline; *zoom: 1; margin-left: 2.5rem;}
#header nav ul li a{font-size: 1rem; display: block; position: relative; /* height:6.25rem; line-height:6.25rem*/}
#header nav ul li a:before{content: ""; position: absolute; bottom: 13px; right: 0; height: 2px; width: 0; background: #e23433; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
#header nav ul .one_:hover a:before{left: 0; width: 100%}
#header nav ul .one_.on a:before{left: 0; width: 100%}
.one_{height: 7.1rem; line-height: 7.1rem;}
/*电话*/
header .tel{display: inline-block; height: 6.25rem; line-height: 6.25rem; margin-left: 1.875rem; position: relative;}
header .tel:before{content: ""; position: absolute; left: 0; top: 50%; margin-top: -7.5px; width: 1px; height: 15px; background: #c0c0c1}
header .tel img{margin: -3px 9px 0 1.625rem;}
header .tel{font-size: 18px; color: #555555; font-weight: 700; margin-top: 6px;}
/*banner*/
.banner_box01{height: 600px;}
.banner_box{position: relative; overflow: hidden; margin-top: 6.25rem;}
.banner_box .banner{height: 600% !important;}
.banner_box .banner ul,
.banner_box .banner li{height: 100%; overflow: hidden; position: relative; background: #000}
.banner_box .banner li{position: absolute; top: 0; left: 0; width: 100%; height: 600px; overflow: hidden; z-index: 1; display: none;}
.banner_box .banner li .fullbg{-webkit-transition: transform 3.2s; -moz-transition: transform 3.2s; -ms-transition: transform 3.2s; transition: transform 3.2s; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); width: 100% !important; height: 100% !important; margin-left: 0 !important;}
.banner_box .banner li:nth-child(1){display: block;}
.banner_box .banner li:nth-child(1) .fullbg{display: block; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.banner_box .banner li .misu{opacity: 0; -webkit-transform: translate(0, 50px); -moz-transform: translate(0, 50px); -ms-transform: translate(0, 50px); transform: translate(0, 50px); -webkit-transition: 0.8s ease-out; -moz-transition: 0.8s ease-out; -ms-transition: 0.8s ease-out; transition: 0.8s ease-out;}
.banner_box .banner li:first-child .misu{opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -ms-transition: 0.3s ease-out; transition: 0.3s ease-out;}
.banner_box .banner li.current{z-index: 2;}
.banner_box .banner li.current .fullbg{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.banner_box .banner li.current .misu{opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);}
.banner_box .banner .cont{position: absolute; top: 0; left: 0; width: 100%; color: #fff; text-align: center; height: 600px;}
.banner_box .banner .cont h1{font-size: 5.3125rem; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; font-family: MISTRAL;}
.banner_box .banner .cont .intro{letter-spacing: 10px; font-size: 1.5rem; padding: 0; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; transition-delay: 0.6s; font-family: qy;}
.banner_box .banner .cont .intro img{max-width: 90%; margin-top: -30px;}
.banner_box .banner .cont .view{-webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -ms-transition-delay: 0.8s; transition-delay: 0.8s;}
.banner_box .banner .cont .view a{background-color: #090604; color: #fff; width: 132px; height: 34px; line-height: 34px; text-align: center; display: inline-block; margin: 0 auto; overflow: hidden; border-top: solid #634d3a 1px; border-bottom: solid #634d3a 1px;}
.banner_box .banner .cont .view a:after{content: ""; position: absolute; background-color: #c30d0c; top: 0; left: 0; width: 100%; height: 100%; left: -100%; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s;}
.banner_box .banner .cont .view a:hover:after{left: 0;}
.banner_box .banner .cont .view span{position: relative; z-index: 1;}
.banner_box .banner .scrolltips{position: absolute; bottom: 20px; left: 0; text-align: center; width: 100%; color: #fff; z-index: 20;}
.banner_box .banner .scrolltips .pic .icon{width: 24px; height: 43px; background-image: url(../pic/icon-mouse.png);}
.banner_box .banner .scrolltips .pic .icon:after{content: ""; position: absolute; width: 1px; height: 10px; background-color: #fff; left: 50%; top: 10px; -webkit-animation: sc 1s infinite; -moz-animation: sc 1s infinite; -ms-animation: sc 1s infinite; animation: sc 1s infinite;}
/*下滑*/
.mouseIco{width: 21px; height: 36px; display: block; margin: 0px auto; border-radius: 6px; position: absolute; left: 50%; margin-left: -11px; bottom: 15px; z-index: 900;}
.mouseIco i{width: 1px; height: 36px; border-radius: 1px; display: block; background-color: #fff; position: absolute; left: 50%; margin-left: -1px; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot{from{opacity: 0;} 33%{opacity: 1;} to{transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0;}}
@-webkit-keyframes mouse-dot{from{opacity: 0;} 33%{opacity: 1;} to{transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0;}}
.scrool{height: 28px; width: 150px; position: absolute; left: 50%; margin-left: -75px; bottom: 30px; text-align: center; z-index: 1000; text-transform: uppercase;}
.scrool a{font-size: 12px; color: #fff}
/*手机导航*/
.wap_nav{display: none}
#container{position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: none; z-index: 100000;}
@media (min-width: 768px){#container{padding: 0}}
#container .header{position: fixed; left: 0; top: 0; width: 100%; z-index: 10; padding: 2rem}
.error404 .header{display: none}
@media (max-width: 767px){#container .header{transition: background-color .2s ease-in-out}}
@media (min-width: 768px){#container .header{padding: 6.25vh 12.5vw 6.25vh 6.25vw}}
#container .header nav{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #e23433;}
@media (min-width: 1025px){#container .header nav{position: relative; z-index: 5; float: right; background: none; width: auto}}
#container .header .logo{display: block; float: left; transition: opacity .2s ease-in-out}
#container .header .logo p, #container .header .logo img{float: left}
#container .header .logo img{width: 9rem}
#container .header .logo p{display: inline-block; margin: 0; line-height: 4.4rem; margin-left: 3rem}
@media (max-width: 767px){#container .header.solid{background-color: #555a8c}}
.menu-opener{display: block; position: absolute; top: 45%; -ms-transform: translateY(-50%) translateX(20%); transform: translateY(-50%) translateX(20%); right: 1rem; cursor: pointer;}
.menu-opener .menu-label{color: #000; font-size: 1rem; display: inline-block; line-height: 30px; margin-right: 0.5em; vertical-align: top; font-family: "Matter SQ", sans-serif;}
@media (min-width: 768px){.solid .menu-opener .menu-label{color: #555a8c}}
.menu-opener .menu-icon{height: 30px; width: 30px; border: 1px dotted #000; border-radius: 15px; display: inline-block; vertical-align: top;}
@media (min-width: 768px){.solid .menu-opener .menu-icon{border-color: #555a8c}}
.menu-opener .menu-icon i{display: block; width: 11px; height: 2px; top: 13px; left: 9px; background-color: #000; position: relative; transition: all .2s ease-in-out;}
@media (min-width: 768px){.solid .menu-opener .menu-icon i{background-color: #555a8c}}
.menu-opener .menu-icon i:after, .menu-opener .menu-icon i:before{display: block; width: 5px; height: 2px; background-color: #000; content: ''; left: 3px; position: absolute;}
@media (min-width: 768px){.solid .menu-opener .menu-icon i:after, .solid .menu-opener .menu-icon i:before{background-color: #555a8c}}
.menu-opener .menu-icon i:before{top: -3px; transition: all 0.3s}
.menu-opener .menu-icon i:after{top: 3px; transition: all 0.3s; transition-delay: 0.05s}
.menu-opener:hover i:after{width: 7px; left: 0}
.menu-opener:hover i:before{width: 8px; left: 0}
.menu-opener.opened .menu-label{pointer-events: none}
.menu-opener.opened .menu-icon{transition: transform 0.3s}
.menu-opener.opened .menu-icon i{top: 13px; left: 9px; -ms-transform: rotate(45deg); transform: rotate(45deg); -ms-transform-origin: 50% 50%; transform-origin: 50% 50%}
.menu-opener.opened .menu-icon i:before{opacity: 0}
.menu-opener.opened .menu-icon i:after{-ms-transform: rotate(90deg); transform: rotate(90deg); width: 11px; top: 0px; left: 0px}
.menu-opener.opened .menu-icon:hover{-ms-transform: rotate(180deg); transform: rotate(180deg)}
.menu-opener.opened .menu-icon:hover i{left: 8px}
.primary-menu{margin: 0;}
@media (max-width: 1024px){.primary-menu{position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%}}
.primary-menu li{text-align: center}
@media (max-width: 1024px){.primary-menu li{margin-bottom: 0;} .primary-menu li:last-child{margin-bottom: 0}}
.primary-menu .current-page-ancestor a, .primary-menu .current-menu-item a{position: relative}
.primary-menu .current-page-ancestor a:after, .primary-menu .current-menu-item a:after{height: .4rem; width: .4rem; background-color: #feeeff; position: absolute; border-radius: 50%; left: 50%; bottom: 0rem; content: ''; margin-left: -0.2rem}
.solid .primary-menu .current-page-ancestor a:after, .solid .primary-menu .current-menu-item a:after{background-color: #555a8c}
.primary-menu a{padding: 1em; display: block; color: #fff; font-size: 1.25rem;}
.primary-menu li.on a{color: #fff; background: #d8042d;}
@media (min-width: 1025px){.primary-menu{position: static; -ms-transform: none; transform: none; display: inline-block; width: auto; background: none; float: left; transition: all .2s ease-in-out} .primary-menu li{float: left; text-align: left; margin-left: 4.5rem} .primary-menu a{padding: 0; line-height: 4.4rem; color: #fff} .solid .primary-menu a{color: #555a8c}}
.language-chooser{margin: 0}
@media (max-width: 1024px){.language-chooser{position: absolute; left: 50%; bottom: 3rem; -ms-transform: translateX(-50%); transform: translateX(-50%);}}
@media (min-width: 1025px){.language-chooser > li{margin-left: 4.5rem}}
.language-chooser > li.active{display: none}
.language-chooser > li a{color: #fff; text-transform: uppercase; font-size: 16px; line-height: 4.2rem;}
.language-chooser > li a span{display: inline-block}
.language-chooser > li a span img{margin: -3px 10px 0 0}
@media (min-width: 768px){.solid .language-chooser > li a{color: #555a8c}}
@media (min-width: 1025px){.language-chooser{float: right}}
.img-stellar{position: absolute; width: 4.4rem; display: none}
@media (min-width: 768px){.img-stellar{display: block}}
.floor{position: relative; transition: opacity .4s ease-in-out}
.floor.animated{opacity: 1}
.bg{background: #605ecc; background: linear-gradient(#292375, #373094, #605ecc, #bb9cda); background-size: 100% 200%; animation: sky 30s ease infinite; position: fixed; left: 0; top: 0; width: 100%; height: 100%}
.bg.morning{background-image: linear-gradient(#4c558e, #8182cc, #b99bd2, #e4b8dc)}
.bg.daytime{background-image: linear-gradient(#4c558e, #8182cc, #b99bd2, #e4b8dc)}
.bg.evening{background-image: linear-gradient(#292375, #373094, #605ecc, #bb9cda)}
.bg.night{background-image: linear-gradient(#121421, #233248, #4c5166, #a3735c)}
.preloader{transition: background 1s ease-out; background: linear-gradient(#4c558e, #8182cc, #b99bd2, #e4b8dc)}
.preloader.morning{background: linear-gradient(#4c558e, #8182cc, #b99bd2, #e4b8dc)}
.preloader.daytime{background: linear-gradient(#4c558e, #8182cc, #b99bd2, #e4b8dc)}
.preloader.evening{background: linear-gradient(#292375, #373094, #605ecc, #bb9cda)}
.preloader.night{background: linear-gradient(#121421, #233248, #4c5166, #a3735c)}
#container .menu-opener{right: calc(1rem + 15px);}
#container .menu-opener .menu-label{color: #fff}
#container .menu-opener .menu-icon{border: #fff 1px solid}
#container .menu-opener .menu-icon i, #container .menu-opener .menu-icon i:after, #container .menu-opener .menu-icon i:before{background: #fff}

/*==========================================公共 结束=============================================*/


/*==========================================首页 开始=============================================*/

/*秉承以创意为核心*/
.container01{background: #fff; padding: 6.25rem 0 3rem;}
.container01 .title{text-align: center; margin-bottom: 5rem;}
.container01 .title h2{font-size: 2.1875rem; color: #e23433; font-weight: bold;}
.container01 .title h4{font-size: 1.25rem; color: #504f54; margin: 1.25rem 0 1.25rem;}
.container01 .title h6{font-size: 12px; color: #b2b2b3; color: #b2b2b3; text-transform: uppercase; transform: scale(0.9);}
.container01 .fl01{margin-bottom: 3.75rem}
.container01 .fl01 ul{font-size: 0; text-align: center}
.container01 .fl01 ul li{display: inline-block; *display: inline; *zoom: 1; width: 20%; text-align: center}
.container01 .fl01 ul li .box{display: inline-block; width: 8.125rem; height: 8.125rem; position: relative}
.container01 .fl01 ul li .box span.y1{position: absolute; top: 0; left: 0; display: inline-block; width: 8.125rem; height: 8.125rem; border: #dbdbdb 1px solid; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.container01 .fl01 ul li .box span.y2{position: absolute; top: 0; left: 0; display: inline-block; width: 8.125rem; height: 8.125rem; border: #dbdbdb 1px solid; background: #ffffff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; opacity: 0; transform: scale(0.7); -webkit-transform: scale(0.7); visibility: hidden;}
.container01 .fl01 ul li h5{font-size: 1rem; color: #545454; margin-bottom: 0.875rem; margin-top: 1.875rem;}
.container01 .fl01 ul li h6{font-size: 12px; color: #caccce; text-transform: uppercase; transform: scale(0.9);}
.container01 .fl01 ul li .icon{display: inline-block; width: 8.125rem; height: 8.125rem; line-height: 8.125rem; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; margin-bottom: 1.25rem; position: relative; overflow: hidden; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.container01 .fl01 ul li .icon .con01{content: ""; position: absolute; left: 0; top: 0px; width: 100%; height: 100%; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.container01 .fl01 ul li .icon .con02{content: ""; position: absolute; left: -100%; top: 0px; width: 100%; height: 100%; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.container01 .fl02{margin-bottom: 3rem}
.container01 .fl02 ul{font-size: 0; text-align: center}
.container01 .fl02 ul li{display: inline-block; *display: inline; *zoom: 1; width: 4.125rem; text-align: center}
.container01 .fl02 ul li h3 .img{display: inline-block; position: relative; border: #dbdbdb 1px solid; border-radius: 50%;}
.container01 .fl02 ul li h3 .img:after{pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; top: -3px; left: -3px; padding: 3px; box-shadow: 0 0 0 2px #fff; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transform: scale(.8); -moz-transition: -moz-transform 0.2s, opacity 0.2s; -moz-transform: scale(.8); -ms-transform: scale(.8); transition: transform 0.2s, opacity 0.2s; transform: scale(.8); opacity: 0;}
.container01 .fl02 ul li h3 .img:hover:after{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0.4;}
.container01 .fl02 ul li h3 img{height: 2.8125rem; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity: 0.5;}
.container01 .fl02 ul li span{line-height: 30px; color: #333; font-size: 0.875rem; text-align: center; display: block; opacity: 0; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; margin: 0 -0.5rem;}
.container01 .fl02 ul li:hover span{opacity: 1;}
/*案例*/
.container02{overflow: hidden; background: #f7f7f8;}
.container02 .title{text-align: center; margin-bottom: 4rem; margin-top: 6rem;}
.container02 .title h2{font-size: 2.1875rem; color: #e23433; font-weight: bold;}
.container02 .title h4{font-size: 1.25rem; color: #504f54; margin: 1.25rem 0 1.25rem}
.container02 .slider-nav{max-width: 650px; margin: 0 auto; margin-bottom: 3.875rem; text-align: center;}
.container02 .slider-nav .miso-slide h5{display: inline-block; padding: 0 1.875rem; height: 2.87rem; line-height: 2.875rem; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; background: #fff;}
.container02 .slider-nav h5{font-size: 1rem; color: #333; height: 38px;}
.container02 .slider-nav .miso-slide.miso-current h5{background: #e23433; color: #fff;}
.container02 ul.ul{font-size: 0; text-align: center; overflow: hidden}
.container02 ul.ul li{display: inline-block; *display: inline; *zoom: 1; float: left; width: 20%; text-align: center;}
.container02 ul.ul li a{display: block; width: 100%; height: 100%; position: relative; background: #000; overflow: hidden}
.container02 ul.ul li a .img, .container02 ul.ul li a .img img{width: 100%; overflow: hidden; position: relative}
.container02 ul.ul li a .img img{-moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.container02 ul.ul li a .img:after{content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#4C000000', endColorstr='#4C000000'); background: rgba(0, 0, 0, 0.3); -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
:root .container02 ul.ul li a .img:after{filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#00000000', endColorstr='#00000000');}
/*for IE9*/
:root .container02 ul.ul li a .img:after{filter: none;}
/*for IE9*/
.container02 ul.ul li a .con{position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden}
.container02 ul.ul li a .con h3, .container02 ul.ul li a .con h3 img{position: relative; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.container02 ul.ul li a .con h3 img{max-width: 80%}
.container02 ul.ul li a .con h5{height: 0; overflow: hidden; position: relative; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.container02 ul.ul li a .con h5 span{display: inline-block; font-size: 1rem; color: #fff; margin: 0 0.5rem}
.container02 ul.ul li a .con h4{height: 0; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.container02 ul.ul li a .con:before{content: ""; position: absolute; right: 0; top: 0; width: 0; height: 100%; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#D8D4042C', endColorstr='#D8D4042C'); background: rgba(212, 4, 44, 0.85); -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
:root .container02 ul.ul li a .con:before{filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#00D4042C', endColorstr='#00D4042C');}
/*for IE9*/
:root .container02 ul.ul li a .con:before{filter: none;}
/*for IE9*/
/*团队*/
.container03{padding: 8.357rem 0 6.5rem;}
.container03 .title{text-align: center; margin-bottom: 6rem}
.container03 .title h2{margin-bottom: 1.75rem}
.container03 .title h4{font-size: 1.125rem; color: #504f54;}
.container03 .title h4 .ar_wap{display: none}
.container03 ul{font-size: 0; text-align: center; overflow: hidden; padding-bottom: 3rem;}
.container03 ul .con02{display: none}
.container03 ul .miso-slide li{display: inline-block; *display: inline; *zoom: 1; float: left; width: 16.666667%; text-align: center; margin-bottom: 2.8125rem;}
.container03 ul .miso-slide li .img img{display: inline-block;}
.container03 ul .miso-slide li h5{font-size: 0.875rem; color: #504f54; margin-top: 0.25rem}
.container03 ul li{width: 16.666667%; display: inline-block}
.container03 .more{text-align: center}
.container03 .more a{font-size: 0.875rem; color: #e23433; text-decoration: underline}
.container03 .more a font{text-align: right; display: inline-block; width: 0; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; overflow: hidden}
.container03 .more a:hover font{width: 1.5rem;}
.container03 ul.miso-dots{margin-bottom: -27px; bottom: 0; padding-bottom: 0;}
.container03 ul.miso-dots li{width: 3rem; height: 2px; background: #e5e5e5; margin: 0 0.5rem;}
.container03 ul.miso-dots li.miso-active{background: #e23433;}
/*新闻*/
.container04{background: #e23433; padding: 8rem 0 6.75rem}
.container04 .title{text-align: center; margin-bottom: 6rem}
.container04 .title h2{font-size: 2.1875rem; color: #fff; font-weight: bold;}
.container04 .title h4{font-size: 1.25rem; color: #fff; margin: 1.25rem 0 1.25rem}
.container04 .slider-nav{max-width: 650px; margin: 0 auto; margin-bottom: 3.875rem; text-align: center; font-size: 0}
.container04 .slider-nav .lee{width: 20%; display: inline-block}
.container04 .slider-nav .miso-slide h5{display: inline-block; padding: 0 1.875rem; height: 2.87rem; line-height: 2.875rem; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; background: #e23433;}
.container04 .slider-nav h5{font-size: 1rem; color: #fff; height: 38px;}
.container04 .slider-nav .miso-slide.miso-current h5{background: #fff; color: #e23433;}
.container04 .slider-for{margin-bottom: 0}
.container04 .slider-for .lee_f{display: none}
.container04 .slider-for .lee_f.miso-current{display: block}
.container04 .slider-for .lee_f01{display: block}
.container04 .slider-for ul{font-size: 0; margin: 0 -1.5rem}
.container04 .slider-for ul li{display: inline-block; *display: inline; *zoom: 1; width: 33.333333%; padding: 0 1.5rem; margin-bottom: 1.625rem}
.container04 .slider-for ul li .box{background: #fff; overflow: hidden; padding: 2.875rem 3.875rem 2.875rem 3rem;}
.container04 .slider-for ul li .box .fl{width: 18%;}
.container04 .slider-for ul li .box .fl .time{color: #000; text-align: right; float: left; width: 4.375rem;}
.container04 .slider-for ul li .box .fl .time h4{font-size: 1.125rem;}
.container04 .slider-for ul li .box .fl .time h2{font-size: 1.6875rem; margin: 0.35rem 0 3.75rem; font-weight: 700;}
.container04 .slider-for ul li .box .fl .dot{float: left; width: 100%; overflow: hidden}
.container04 .slider-for ul li .box .fr{width: 73.5%;}
.container04 .slider-for ul li .box .fr h5{font-size: 1.25rem; color: #232323; font-weight: bold; margin: 1.25rem 0 2.1825rem}
.container04 .slider-for ul li .box .fr h5 a{color: #232323; height: 1.35rem; line-height: 1.35rem}
.container04 .slider-for ul li .box .fr p{font-size: 0.875rem; color: #6c6868; line-height: 1.875rem; height: 5.75rem; overflow: hidden; margin-bottom: 0.75rem}
.more00{text-align: center;}
.more00 a{display: inline-block; width: 39px; height: 39px; border: #e5e5e5 1px solid;}
.more00 a dl{font-size: 0; width: 22px; display: inline-block; margin: 8px 0;}
.more00 a dl dd{display: inline-block; *display: inline; *zoom: 1; margin: 1.5px;}
.more00 a dl dd span{display: block; width: 4px; height: 4px; position: relative}
.more00 a dl dd span:before{content: ""; position: absolute; left: 0; top: 0; width: 4px; height: 4px; background: #fff; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out;}
.more00 a:hover dl dd:nth-child(2) span:before{top: 0;}
.more00 a:hover dl dd:nth-child(1) span:before{left: 7px;}
.more00 a:hover dl dd:nth-child(3) span:before{top: 7px;}
.more00 a:hover dl dd:nth-child(4) span:before{left: 0;}
.more00 a:hover dl dd:nth-child(6) span:before{left: 0;}
.more00 a:hover dl dd:nth-child(7) span:before{top: -7px;}
.more00 a:hover dl dd:nth-child(9) span:before{left: -7px;}
/*存在的价值，是竭力为客户创造价值*/
.container05{padding: 9rem 0 8rem; overflow: hidden; background: #1d1b1b; background-size: cover; position: relative}
.container05 .bg01{position: absolute; top: 50%; left: 50%; width: 1450px; height: 1450px; transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%);}
.container05 .bg01 img{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation: play 25s linear infinite; -moz-animation: play 25s linear infinite; animation: play 25s linear infinite;}
@-webkit-keyframes play{0%{-webkit-transform: rotate(0deg);} 100%{-webkit-transform: rotate(360deg);}}
@-moz-keyframes play{0%{-moz-transform: rotate(0deg);} 100%{-moz-transform: rotate(360deg);}}
@keyframes play{0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);}}
.container05 .title{text-align: center; margin-bottom: 6rem}
.container05 .title h2{font-size: 3rem; color: #fff; font-weight: bold; text-transform: uppercase; letter-spacing: 0.75rem;}
.container05 .title h4{font-size: 1.25rem; color: #fff; margin: 1.25rem 0 1.25rem}
.container05 ul{font-size: 0; text-align: center; overflow: hidden; margin: 0 -0.5625rem;}
.container05 ul li{display: inline-block; *display: inline; *zoom: 1; float: left; width: 20%; text-align: center; padding: 0 0.5625rem}
.container05 ul li .img{height: 7.5rem; line-height: 7.5rem; bac;}
.container05 ul li .img img{opacity: 0.5; max-width: 70%; max-height: 5rem}
/* HIGHLIGHT */
.button01{position: relative; display: inline-block; width: 8.25rem; height: 3rem; line-height: 3rem; background: #e23433; text-align: center; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; overflow: hidden; font-size: 0.9375rem; color: #fff}
.button01.ar_wap{display: none}
.button01:before{content: ""; position: absolute; top: -30px; left: -100px; height: 110px; width: 70px; background: rgba(255, 255, 255, .6); transform: rotate(20deg);}
.button01:hover:before{left: 250px; transition: all 0.6s;}
.button01:hover{color: #fff}
/*联系*/
.container06{padding: 8.875rem 0 4.6875rem; text-align: center}
.container06 .con{display: inline-block; *display: inline; *zoom: 1}
.container06 .con.left{text-align: left}
.container06 .con.left h3{font-family: MISTRAL; font-size: 3.75rem; color: #1d1b1b; margin-bottom: 5.25rem}
.container06 .con.left h2{overflow: hidden}
.container06 .con.right{margin-left: 10rem; text-align: left; position: relative}
.container06 .con.right h5{font-size: 1.25rem; color: #373739}
.container06 .con.right h3{font-size: 2.5rem; color: #373739; margin: 1.5rem 0 3.25rem; font-weight: lighter}
.container06 .con.right h3 a{color: #373739; font-family: bahnschrift;}
.container06 .con.right p{font-size: 0.875rem; color: #373739; line-height: 1.875rem;}
.container06 .con.right .weixin{position: absolute; bottom: 0; right: 0; text-align: center}
.container06 .con.right .weixin img{width: 6.25rem; height: 6.25rem}
.container06 .con.right .weixin h5{margin-bottom: 0.5rem; margin-top: 0.75rem; font-size: 0.9375rem; color: #373739}
.container07{height: 28.75rem; background: url(../pic/container07.jpg) center no-repeat; position: relative}
.container07 .my-map{width: 113px; height: 129px; position: absolute; top: 50%; margin-top: -100px; left: 50%; margin-left: -56.5px;}
/*底部*/
.container08{font-size: 0; padding: 5rem 0 3.25rem; border-bottom: #e7e7e7 1px solid}
.container08 .con{display: inline-block; *display: inline; *zoom: 1; min-height: 7.8125rem; position: relative}
.container08 .con:before{content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 7.8125rem; margin-top: -3.90625rem; background: #e7e7e7}
.container08 .con.center:before{display: none;}
.container08 .con.right:before{content: ""; position: absolute; right: -50px; top: 50%; width: 1px; height: 7.8125rem; margin-top: -3.90625rem; background: #e7e7e7}
/*.container08 .con.right:before{display: none}*/
.container08 .con.left{width: 30%; /*text-align:center;*/ padding: 0 6.5625rem 0 0;}
.container08 .con.left ul{margin: 1.5rem 0}
.container08 .con.left ul li{display: inline-block; *display: inline; *zoom: 1; width: 25%; line-height: 2.25rem;}
.container08 .con.left ul li a{font-size: 0.875rem; color: #565555}
.container08 .con.center{width: 33%; text-align: center}
.container08 .con.center ul li{display: inline-block; *display: inline; *zoom: 1; margin: 0 1.875rem}
.container08 .con.center ul li h3{width: 95px; height: 95px;
/* background-color: #e7e7e7; padding-top: 1px;*/}
.container08 .con.center ul li h3 img{width: 93px; height: 93px;}
.container08 .con.center ul li h5{font-size: 14px; color: #565555; height: 2rem; line-height: 2rem}
.container08 .con.right{width: 37%;}
.container08 .con.right h3{height: 1.25rem; line-height: 1.25rem; margin-bottom: 1.875rem}
.container08 .con.right h3 span{font-size: 1.25rem; color: #3e3d3d; font-weight: bold; display: inline-block;}
.container08 .con.right h3 i{display: inline-block; font-style: normal; width: 7px; height: 7px; border-radius: 3.5px; background: #3e3d3d; vertical-align: top; margin: 0.5rem;}
.container08 .con.right h3 .web_i{margin-top: -0.3rem; margin-right: 0.5rem; margin-bottom: 0.5rem; margin-left: 0.5rem;}
.container08 .con.right p{font-size: 0.875rem; color: #565555; line-height: 1.5rem}
.container081{padding: 3.25rem 0;}
/*友情链接*/
.container09{padding: 2rem 0; border-bottom: #e7e7e7 1px solid}
.container09 h5{margin-bottom: 0.5rem; font-size: 0.875rem; color: #565555; line-height: 1.5rem}
.container09 ul{font-size: 0;}
.container09 ul li{display: inline-block; *display: inline; *zoom: 1; margin-right: 1.25rem}
.container09 ul li a{font-size: 12px; line-height: 1.875rem; color: #99999c}
.container09 .more{display: none}
/*底部*/
footer{padding: 2.25rem 0 2rem !important; font-size: 14px !important; color: #a8a4a4 !important;background-color:#333333 !important;}
footer a{font-size: 14px !important; color: #a8a4a4 !important; /*display: inline-block;margin: 2px 0 0 0.25rem;*/}
footer .fl .ar_wap{display: none}
footer .fr{text-align: right; position: relative; padding-right: 2rem; float: none;}
/*关于*/
.n_banner01 .layui-container01, .n_banner01 .layui-row, .n_banner01 .layui-col-xs12{height: 100%}
.n_banner01 .fl{width: 31%; text-align: left}
.n_banner01 .fl h2{font-size: 2.8125rem; color: #ffffff; font-weight: bold; position: relative}
.n_banner01 .fl h2:before{content: ""; position: absolute; left: 0; bottom: -2rem; width: 5.25rem; height: 3px; background: #e23433}
.n_banner01 .fl h4{font-size: 1.5rem; color: #ffffff; margin: 4.25rem 0 2.1875rem;}
.n_banner01 .fl p{font-size: 0.875rem; line-height: 1.6875rem; margin-bottom: 1.6875rem; color: #ffffff;}
.n_banner01 .fr{}
.n_banner01 .fr ul{font-size: 0; float: left; margin: 8rem -2rem 0 0}
.n_banner01 .fr ul li{display: inline-block; *display: inline; *zoom: 1; width: 16.75rem; text-align: center; border-left: rgba(255, 255, 255, 0.4) 1px solid}
.n_banner01 .fr ul li h5{font-size: 1.125rem; color: #fefefe; padding-right: 2rem; margin-bottom: 1rem}
.n_banner01 .fr ul li h4{margin-bottom: 1rem; height: 6.25rem}
.n_banner01 .fr ul li h4 span{font-size: 2.25rem; color: #fff; vertical-align: middle; margin: 0 0 0 0.875rem; font-weight: normal; font-family: Cataneo BT;}
.n_banner01 .fr ul li h4 span.counter{font-size: 6.25rem; color: #fff; font-family: Impact;}
.n_banner01 .fr ul li h4 span.lwy{font-size: 65px; color: #fff; font-family: myFirstFont; line-height: 44px; margin-left: 12px;}
.n_banner01 .fr ul li h6{font-size: 1rem; color: #fefefe; font-family: Cataneo BT; padding-right: 2rem;}
.n_about{padding: 2.5rem 0 0}
.n_about .fl01{border-bottom: #e9e8ed 1px solid; padding: 4.625rem 0 1.875rem; overflow: hidden;}
.n_about .fl01 .fl{}
.n_about .fl01 .fl h4{font-size: 1.125rem; color: #000000; margin-bottom: 1.25rem}
.n_about .fl01 .fl h2{font-size: 2.5rem; color: #000000; font-weight: bold}
.n_about .fl01 .fl h2 font{color: #e23433}
.n_about .fl01 .fr{width: 70%}
.n_about .fl01 .fr h4{font-size: 1.125rem; color: #000000; margin-bottom: 0.75rem}
.n_about .fl01 .fr h4 font{font-weight: 600}
.n_about .fl01 .fr h5{font-size: 1.125rem; color: #bcbbc2; margin-bottom: 2rem; font-family: Helvetica;}
.n_about .fl01 .fr p{font-size: 0.875rem; color: #666565; line-height: 2.25rem; margin-bottom: 1.875rem}
.n_about .fl01 .fr ul{overflow: hidden; margin: 0 -1.5rem}
.n_about .fl01 .fr ul li{display: inline-block; *display: inline; *zoom: 1; float: left; width: 16.666667%; text-align: center; padding: 0 0}
.n_about .fl01 .fr ul li .img{height: 5.75rem; line-height: 5.75rem;}
.n_about .fl01 .fr ul li .img img{max-width: 70%; max-height: 5rem}
.n_about .fl02{margin-top: 5rem}
.n_about .fl02 ul li.miso-slide{padding: 11.375rem 0 24.125rem}
.n_about .fl02 ul li.miso-slide .fl{padding: 11.25rem 0 0}
.n_about .fl02 ul li.miso-slide .fl h3{float: left; font-size: 1.875rem; color: #b4b3b2; color: rgba(255, 255, 255, 0.65); font-style: italic; font-family: Helvetica; text-transform: uppercase; font-weight: lighter; position: relative}
.n_about .fl02 ul li.miso-slide .fl h3:before{content: ""; position: absolute; left: 0; width: 100%; height: 1px; bottom: -30px; background: rgba(255, 255, 255, 0.3)}
.n_about .fl02 ul li.miso-slide .fl h3:after{content: ""; position: absolute; left: 0; width: 56px; height: 3px; bottom: -30px; background: #fff}
.n_about .fl02 ul li.miso-slide .fr{text-align: right}
.n_about .fl02 ul li.miso-slide .fr h2{font-size: 10.625rem; color: #fff; font-weight: bold; font-family: Impact; margin-bottom: 1rem}
.n_about .fl02 ul li.miso-slide .fr h4{font-size: 1.6875rem; color: #b4b3b2; color: rgba(255, 255, 255, 0.65); line-height: 1.875rem; font-family: Helvetica; padding: 0 2.625rem 0 0; text-transform: uppercase;}
.n_about .fl02 ul .miso-prev, .n_about .fl02 ul .miso-next{width: 22px; height: 42px;}
.n_about .fl02 ul .miso-prev{background: url(../pic/left.png) center no-repeat; left: 10rem}
.n_about .fl02 ul .miso-next{background: url(../pic/right.png) center no-repeat; right: 10rem}
.n_about .fl02 .miso-dots{bottom: 41%; z-index: 10; text-align: right; max-width: 1310px; transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); left: 50%; padding-right: 3.5rem;}
.n_about .fl02 .miso-dots li{width: 10px; height: 10px; border-radius: 100%;}
.n_about .fl03 ul{font-size: 0}
.n_about .fl03 ul li{display: inline-block; *display: inline; *zoom: 1; width: 10%}
.n_about .fl03 ul li a{display: block; width: 100%; height: 100%; position: relative; overflow: hidden}
.n_about .fl03 ul li a img{float: left; width: 100%;}
.n_about .fl03 ul li a img.img02{position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; opacity: 0;}
.n_about .fl03 ul li a img.img01{}
.n_about .fl03 ul li:hover a img.img01{opacity: 0;}
.n_about .fl03 ul li:hover a img.img02{opacity: 1;}
.n_about .fl03 ul li.li{width: 40%;}
.n_about .fl03 ul li.li a{background: #e23433}
.n_about .fl03 ul li.li .box{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%}
.n_about .fl03 ul li.li .box img{display: inline-block; width: auto; float: none}
.n_about .fl03 ul li.li .box img.ar_wap{display: none}
.n_about .fl03 ul .more{height: 60px; line-height: 60px; text-transform: uppercase; font-size: 14px; text-align: center; color: #fff; background: #e23433;}
.n_about .fl03 ul .more span.span02{display: inline-block; opacity: 0; -webkit-transition-property: all; transition-property: all; -webkit-transform: scale(.6); -ms-transform: scale(.6); transform: scale(.6); -webkit-transition-duration: .6s; transition-duration: .6s; width: 0; overflow: hidden}
.n_about .fl03 ul .more span.span01{display: inline-block; opacity: 1; -webkit-transition-property: all; transition-property: all; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition-duration: .6s; transition-duration: .6s; width: auto; overflow: hidden}
.n_about .fl03 ul .more{display: none}
/*案例*/
.n_banner02{height: 32.5rem;}
.n_banner02 .layui-container01, .n_banner02 .layui-row, .n_banner02 .layui-col-xs12{height: 100%}
.n_banner02 .table{text-align: left}
.n_banner02 h3{font-size: 4.375rem; color: #e62129; font-family: Impact;}
.n_banner02 h4{font-size: 1.875rem; color: #fff; margin: 1.875rem 0 1.25rem}
.n_banner02 h2{font-size: 3.4375rem; color: #fff; font-weight: bold; margin-bottom: 1.75rem}
.n_banner02 h6{font-size: 0.875rem; line-height: 1.5rem; color: #989898; color: rgba(255, 255, 255, 0.4); text-transform: uppercase}
.n_case{padding:3.625rem 0 0; background: #ffffff;}
.dd ul{font-size: 0; margin: 0 -1.09375rem}
.dd ul li{width: 25%; display: inline-block; *display: inline; *zoom: 1; padding: 0 1.09375rem; margin-bottom: 3.4375rem;}
.dd ul li .img{background: #000}
.dd ul li .img, .n_case ul li .img img{overflow: hidden; width: 100%; position: relative}
/*515*/
.dd ul li .img a > img{opacity:1.0;height: 280px;width: 100%;}
.dd ul li .con{background: #f5f5f5; padding: 1.55rem 2rem 1.75rem 2rem;}
.dd ul li .con h5, .n_case ul li .con h5 a{font-size: 1.375rem; height: 1.5rem; line-height: 1.5rem; color: #4d4c51}
.dd ul li .con h5 a span{display: inline-block; max-width: 85%; font-weight: bold;font-size:20px; height: 1.5rem; line-height: 1.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dd ul li .con h5 i{float: right;}
.dd ul li .con h5 i img{max-height: 1.5rem}
.dd ul li .con h6{font-size: 0.875rem; color: #4d4c51; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dd ul li .con hr{margin: 1.125rem 0 1.25rem}
.dd ul li .img .red-bg{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms;}
.dd ul li .img .red-bg{filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#CCD4042C', endColorstr='#CCD4042C'); background: rgba(226, 52, 51, 0.8);}
:root .n_case ul li .img .red-bg{filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#00D4042C', endColorstr='#00D4042C');}
/*for IE9*/
:root .n_case ul li .img .red-bg{filter: none;}
/*for IE9*/
.n_case ul li .img .line{display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms;}
.n_case ul li .img .line_1{width: 52px; height: 1px; margin: -1px 0px 0px -26px; transform: translateX(-55px); -webkit-transform: translateX(-55px);}
.n_case ul li .img .line_2{width: 1px; height: 52px; margin: -26px 0px 0px -1px; transform: translateY(55px); -webkit-transform: translateY(55px);}
/*翻页*/
/*加入*/
.n_banner03{height: 32.5rem;}
.n_banner03 .layui-container01, .n_banner03 .layui-row, .n_banner03 .layui-col-xs12{height: 100%}
.n_banner03 .table{}
.n_banner03 h3{}
.n_join{padding: 5rem 0 5rem; background: #f5f5f5;}
.n_join .title{margin-bottom: 5.3125rem; text-align: center}
.n_join .title h4{font-size: 1.375rem; color: #474649; line-height: 2.5rem; margin-bottom: 2.75rem}
.n_join .title h3{font-size: 2.25rem; color: #e23433; font-weight: bold;}
.n_join ul{margin-bottom: 6.25rem}
.n_join ul > li{border: #dcdee0 2px solid; margin-bottom: 3.25rem;}
.n_join ul > li .box{overflow: hidden; position: relative;}
.n_join ul > li .box .left{float: left; height: 100%; width: 18.20%; border-right: #dcdee0 2px solid; text-align: center; position: absolute;}
.n_join ul > li .box .left .con{width: 100%; height: 100%; min-height: 18.75rem; left: 0; padding: 3rem 0.5rem;}
.n_join ul > li .box .left h3 img{width: 8.125rem}
.n_join ul > li .box .left h4{font-size: 1.5rem; color: #45444d; margin: 1.125rem 0 0.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.n_join ul > li .box .left h6{font-size: 12px; color: #afaeb4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.n_join ul > li .box .right{width: 81%; height: auto; padding: 3.125rem 0; float: right;}
.n_join ul > li .box .right .con{padding: 0 4rem; min-height: 13.125rem}
.n_join ol{padding: 0 0 0 2rem}
.n_join ol > li{list-style: decimal-leading-zero; font-size: 1rem; color: #727272; line-height: 2.125rem;}
.n_join .bottom h3{font-size: 1.375rem; color: #e23433; margin-bottom: 2.25rem}
.n_join .bottom p{font-size: 0.9375rem; line-height: 2.375rem; color: #727272;}
.n_join .bottom p b, .n_join .bottom p a{font-weight: bold; color: #45444d}
/*新闻*/
.n_banner04 h3{margin-bottom: 2.125rem; color: #fff}
.n_banner04 h2{font-size: 2.8125rem}
.n_news{padding: 0;
/* background: #f5f5f5;*/ position: relative}
.n_news .layui-col-xs12{position: relative}
.n_news .layui-col-xs12:before{content: ""; position: absolute; right: 10%; right: 10rem; top: 0; width: 1px; height: 100%; background: #e4e4e4;}
.n_news .left{float: left; width: 85%; width: calc(100% - 15rem); padding: 4.75rem 0 0;}
.n_news .left ul{font-size: 0; margin: 0 -1.5625rem}
.n_news .left ul li{width: 33.333333%; display: inline-block; *display: inline; *zoom: 1; padding: 0 1.5625rem; margin-bottom: 3.4375rem}
.n_news .left ul li.li{width: 66.666666%}
.n_news .left ul li.li .top{padding: 4.75rem 4.375rem 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.n_news .left ul li.li .top span{display: inline-block; width: 5.625rem; height: 1.6875rem; line-height: 1.6875rem; background: #e23433; -moz-border-radius: 0.8125rem; -webkit-border-radius: 0.8125rem; border-radius: 0.8125rem; font-size: 13px; text-align: center; color: #fff}
.n_news .left ul li.li .top h5{font-size: 1.5rem; color: #fff; line-height: 2.375rem; font-weight: bold; margin: 1.5rem 0 1.875rem}
.n_news .left ul li.li .top h4{font-size: 1.5rem; color: #fff; font-weight: bold; font-family: "Microsoft Yahei";}
.n_news .left ul li .img, .n_news .left ul li .img img{overflow: hidden; width: 100%; position: relative;object-fit:cover;}
.n_news .left ul li .con .table_cell{text-align: left}
.n_news .left ul li .con{background: #f7f7f7; padding-left: 1.875rem !important; padding-right: 1.875rem !important; padding-top: 3rem; padding-bottom: 3rem;}
.n_news .left ul li .con span{display: inline-block; width: 5.625rem; height: 1.6875rem; line-height: 1.6875rem; border: #cdcdcd 1px solid; -moz-border-radius: 0.8125rem; -webkit-border-radius: 0.8125rem; border-radius: 0.8125rem; font-size: 13px; text-align: center; color: #9d9d9d}
.n_news .left ul li .con h5{margin: 1.875rem 0 1rem}
.n_news .left ul li .con h5, .n_news .left ul li .con h5 a{font-size: 1.25rem; height: 1.5rem; line-height: 1.5rem; color: #3b3c3c; font-weight: bold}
.n_news .left ul li .con p{font-size: 0.8125rem; line-height: 22px; height: 44px; overflow: hidden; color: #8d8d8d; margin-bottom: 1.625rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.n_news .left ul li .con h6{font-size: 0.875rem; color: #4d4c51}
.n_news .left ul li .con h6 img{margin: -3px 7px 0 0}
.n_news .left ul li .img .red-bg{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms;}
.n_news .left ul li .img .red-bg{filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#CCD4042C', endColorstr='#CCD4042C');background: rgba(226, 52, 51,0.8);}
:root .n_news .left ul li .img .red-bg{filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#00D4042C', endColorstr='#00D4042C');}
/*for IE9*/
:root .n_news .left ul li .img .red-bg{filter: none;}
/*for IE9*/
.n_news .left ul li .img .line{display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms;}
.n_news .left ul li .img .line_1{width: 52px; height: 1px; margin: -1px 0px 0px -26px; transform: translateX(-55px); -webkit-transform: translateX(-55px);}
.n_news .left ul li .img .line_2{width: 1px; height: 52px; margin: -26px 0px 0px -1px; transform: translateY(55px); -webkit-transform: translateY(55px);}
.n_news .right{float: right; width: 10%; width: 10rem; padding: 4.75rem 0 6.25rem; text-align: right}
.n_news .right h2{font-size: 4.375rem; color: #3a3a3a; text-transform: capitalize; margin-bottom: 1rem}
.n_news .right h2.on{background: url(../pic/jiantou.png) 20% 0.75rem no-repeat}
.n_news .right h2.on a{color: #e23433;}
.n_news .right ul li, .n_news .right ul li a{font-size: 0.875rem; color: #474849; line-height: 2.875rem;}
.n_news .right ul li.on, .n_news .right ul li:hover{background: url(../pic/jiantou.png) 20% 1rem no-repeat}
.news_nav{display: none; padding: 3rem 0 0; margin-bottom: -2rem}
.news_nav ul{font-size: 0;}
.news_nav ul li{width: 20%; display: inline-block; *display: inline; *zoom: 1; text-align: center}
.news_nav ul li a{font-size: 12px; height: 3rem; line-height: 3rem; color: #3b3c3c; text-transform: capitalize}
.news_nav ul li:first-child a{font-size: 20px;}
.news_nav ul li.on a{text-decoration: underline; color: #e23433;}
/*联系*/
.n_banner05{position: relative}
.video_box{background: #000; position: absolute; width: 100%; height: 100%; z-index: 0}
.video_box video{position: absolute; z-index: 1; top: 50%; left: 50%; min-height: 100% !important; min-width: 100% !important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7}
.n_banner05 .layui-container01, .n_banner05 .layui-row, .n_banner05 .layui-col-xs12{height: 100%}
.n_banner05 dl, .n_banner05 dl dt, .n_banner05 dl dd{height: 100%; overflow: hidden}
.n_banner05 dl dt, .n_banner05 dl dd{float: left; width: 25%; border-right: rgba(255, 255, 255, 0.2) 1px solid}
.n_banner05 dl dt .table{text-align: left}
.n_banner05 dl dt h3{font-size: 4.125rem; color: #fff; font-family: Impact;}
.n_banner05 dl dt h4{font-size: 2.5rem; color: #fff; margin: 1.875rem 0 0.875rem}
.n_banner05 dl dt h2{font-size: 2.5rem; color: #fff; font-weight: bold; margin-bottom: 1.75rem}
.n_banner05 dl dt h6{font-size: 0.9375rem; line-height: 1.5rem; color: #fff; text-transform: uppercase}
.n_banner05 dl dd h3{height: 4.5rem; line-height: 4.5rem}
.n_banner05 dl dd h4{font-size: 1.5rem; color: #fff; margin: 0 0 1.875rem; text-transform: uppercase; font-weight: bold;}
.n_banner05 dl dd h2{font-size: 2.125rem; color: #fff; margin-bottom: 1.125rem}
.n_banner05 dl dd h5{font-size: 1.125rem; color: #fff; text-transform: uppercase}
.n_banner05 dl dd h6{font-size: 1.125rem; line-height: 2.1875rem; color: #fff; text-transform: uppercase; margin-bottom: 2rem}
.n_banner05 dl dd h5 a{font-size: 0.875rem; color: #fff; text-decoration: underline}
.n_banner05 dl dd ul{font-size: 0}
.n_banner05 dl dd ul li{display: inline-block; *display: inline; *zoom: 1; margin: 0 1.25rem;}
.n_banner05 dl dd ul li h5{font-size: 0.875rem; margin-top: 0.25rem; color: #fff;}
.n_banner05 dl dd .con{height: 19.6875rem; position: relative}
.n_banner05 dl dd{position: relative}
.n_banner05 dl dd:before{content: ""; position: absolute; right: 0; top: 0; width: 0; height: 100%; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.n_banner05 dl dd:before{filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#BFD5042C', endColorstr='#BFD5042C'); background: rgba(213, 4, 44, 0.75);}
:root .n_banner05 dl dd:before{filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#00D5042C', endColorstr='#00D5042C');}
/*for IE9*/
:root .n_banner05 dl dd:before{filter: none;}
/*for IE9*/
.n_banner05 dl dd:hover:before{left: 0; width: 100%}
.n_banner06{position: relative}
.n_banner06 .layui-container01{position: relative}
.n_banner06 .layui-container01, .n_banner06 .layui-row, .n_banner06 .layui-col-xs12{height: 100%}
.n_banner06 .left{text-align: left}
.n_banner06 .left h3{font-size: 4.375rem; color: #fff; font-family: Impact;}
.n_banner06 .left h4{font-size: 2.25rem; color: #fff; margin: 1.875rem 0 4rem; font-weight: bold; position: relative}
.n_banner06 .left h4:before{content: ""; position: absolute; left: 0; bottom: -2rem; height: 2px; background: #fff; width: 3rem;}
.n_banner06 .left h6{font-size: 1rem; color: #fff; text-transform: uppercase; margin-bottom: 7.5rem}
.n_banner06 .left ul li{display: inline-block; margin-right: 1.25rem; overflow: hidden}
.n_banner06 .left ul li a{display: inline-block; width: 11.25rem; height: 2.8125rem; line-height: 2.8rem; border: rgba(255, 255, 255, 0.25) 1px solid; -moz-border-radius: 1.4rem; -webkit-border-radius: 1.4rem; border-radius: 1.4rem; text-align: center; font-size: 0.9375rem; color: #fff; margin-bottom: 1px; overflow: hidden; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; position: relative;}
.n_banner06 .left ul li a:before{content: ""; position: absolute; bottom: 0; left: -1px; right: -1px; height: 0; background: #e23433; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.n_banner06 .left ul li a span{position: relative}
.n_banner06 .left ul li a span img{margin-right: 1rem}
.n_banner06 .right{width: 70%; position: absolute; bottom: -2.75rem; right: -3.75rem;}
.n_banner06 .right img.active{transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transition-timing-function: cubic-bezier(.175, .885, .32, 1.275); -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275); transition-duration: 1s; -webkit-transition-duration: 1s; opacity: 1}
.n_case01 .title{margin-bottom: 3.625rem}
.n_case01 .title h5{font-size: 1.125rem; color: #000000; margin-bottom: 1.125rem}
.n_case01 .title h2{font-size: 2.5rem; color: #000000; font-weight: bold}
.n_case01{padding: 7.625rem 0 4.25rem; background: #f5f5f5;}
.n_case01 ul{font-size: 0; margin: 0 -1.06255rem;}
.n_case01 ul li{width: 25%; display: inline-block; *display: inline; *zoom: 1; padding: 0 1.06255rem; margin-bottom: 2.375rem;}
.n_case01 ul li .img, .n_case01 ul li .img img{overflow: hidden; width: 100%; position: relative}
.n_case01 ul li .con{background: #fff; padding: 1.55rem 2rem 1.75rem 2rem;}
.n_case01 ul li .con h5, .n_case01 ul li .con h5 a{font-size: 1.125rem; height: 1.25rem; line-height: 1.25rem; color: #4d4c51;}
.n_case01 ul li .con h5 a span{display: inline-block; max-width: 85%; font-weight: bold; height: 1.5rem; line-height: 1.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.n_case01 ul li .con h5 i{float: right;}
.n_case01 ul li .con h5 i img{max-height: 1.5rem}
.n_case01 ul li .con h6{font-size: 12px; color: #4d4c51;}
.n_case01 ul li .con hr{margin: 1.125rem 0 1.25rem}
.n_case01 ul li .img .red-bg{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms;}
.n_case01 ul li .img .red-bg{filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#CCD4042C', endColorstr='#CCD4042C'); background: rgba(212, 4, 44, 0.8);}
:root .n_case01 ul li .img .red-bg{filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#00D4042C', endColorstr='#00D4042C');}
/*for IE9*/
:root .n_case01 ul li .img .red-bg{filter: none;}
/*for IE9*/
.n_case01 ul li .img .line{display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms;}
.n_case01 ul li .img .line_1{width: 52px; height: 1px; margin: -1px 0px 0px -26px; transform: translateX(-55px); -webkit-transform: translateX(-55px);}
.n_case01 ul li .img .line_2{width: 1px; height: 52px; margin: -26px 0px 0px -1px; transform: translateY(55px); -webkit-transform: translateY(55px);}
/*新闻详情*/
.n_news_detail{background: #f6f6f6; padding: 3.125rem 0 0; margin-bottom: -2rem;}
.n_news_detail .left{float: left; width: 70%; width: calc(100% - 30rem);}
.n_news_detail .left .box{padding: 4rem 5rem; background: #fff}
.n_news_detail .left .box .ar_title{margin-bottom: 3.125rem}
.n_news_detail .left .box .ar_title h3{font-size: 2.125rem; color: #404142; line-height: 3rem; font-weight: bold; margin-bottom: 0.5rem;}
.n_news_detail .left .box .ar_title h6 span{position: relative; font-size: 13px; color: #808080; display: inline-block; height: 40px; line-height: 40px; font-weight: normal; margin-right: 1.675rem;}
.n_news_detail .left .box .ar_title h6 span img{margin: -3px 0.45rem 0 0}
.n_news_detail .left .box .ar_title h6{display: inline-block; position: relative;}
.n_news_detail .left .box .ar_title h6:before{content: ""; position: absolute; bottom: -3px; width: 6.25rem; height: 3px; background: #ff9637; display: none;}
.shart_box{display: inline-block; cursor: pointer}
#j_shart_s_24 .bds_count{font-size: 12px;}
#j_shart_s_24{display: none; margin-top: 0.25rem; margin-left: -1rem;}
#j_shart_s_24 strong{z-index: 2; line-height: 36px; font-size: 12px; color: #7e8080; font-weight: normal; display: none;}
#j_shart_s_24 .bds_qzone{background: url(../pic/j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background: url(../pic/j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background: url(../pic/j_shart.png) center -195px no-repeat}
#j_shart_s_24 .bds_renren{background: url(../pic/j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background: url(../pic/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background: url(../pic/j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background: url(../pic/j_shart.png) center -166px no-repeat}
#j_shart_s_24 .bds_twi{background: url(../pic/j_shart.png) center -137px no-repeat}
#j_shart_s_24 .bds_linkedin{background: url(../pic/j_shart.png) center -108px no-repeat}
#j_shart_s_24 .bds_tieba{background: url(../pic/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_huaban{background: url(../pic/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background: url(../pic/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background: url(../pic/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background: url(../pic/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_mshare{background: url(../pic/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size: 12px}
#j_shart_s_24.xian{display: inline-block}
.b_nav{text-align: center; margin-top: 3.75rem}
.b_nav .con{font-size: 1.0625rem;}
.b_nav .con.center{display: inline-block;}
.b_nav .con.center img{margin: -3px 0.875rem 0;}
.b_nav .con.fl img{margin: -3px 0.875rem 0 0;}
.b_nav .con.fr img{margin: -3px 0 0 0.875rem;}
.b_nav .con.fl a, .b_nav .con.fr a, .b_nav .con.center a{color: #666565}
.n_news_detail .right{float: right; width: 25%; width: 25rem;}
.n_news_detail .right .gg{margin-bottom: 2.75rem}
.n_news_detail .right .con{margin-bottom: 2rem}
.n_news_detail .right .con h3{font-size: 1.375rem; color: #404142; font-weight: bold; padding-bottom: 1.25rem; border-bottom: #e2e2e2 2px solid; margin-bottom: 1rem}
.n_news_detail .right .con ul li{font-size: 1.0625rem; color: #404142; line-height: 2.875rem;}
.n_news_detail .right .con ul li a{color: #404142;}
.n_case01 .title h5 font{color: #e23433}
.ar_wap.clear{display: none}
.al_select{background: #f5f5f5}
.al_select ul{font-size: 0; text-align: center; border-bottom: #e0dfe2 1px solid;}
.al_select ul li{width: 25%; display: inline-block; *display: inline; *zoom: 1; height: 5.25rem; line-height: 5.25rem; position: relative}
.al_select ul li:after{content: ""; position: absolute; width: 0; right: 0; bottom: -1px; height: 2px; background: #e23433; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.al_select ul li a{font-size: 1rem; color: #353536; display: block;}
.al_select ul li a img{margin-right: 0.6rem; margin-top: -3px}
.al_select ul li.on:after{left: 0; width: 100%}
.n_case_x{padding: 7.625rem 0 4.25rem; background: #f5f5f5;}
.n_case_x ul{font-size: 0; margin: 0 -1rem; margin-bottom: -3rem;}
.n_case_x ul li{width: 20%; display: inline-block; *display: inline; *zoom: 1; padding: 0 1rem; margin-bottom: 7.5rem; text-align: center;}
.n_case_x ul li .img, .n_case_x ul li .img img{overflow: hidden; width: 100%; position: relative}
.n_case_x ul li .con{padding: 1.55rem 0 0 0; text-align: center;}
.n_case_x ul li .con h5, .n_case_x ul li .con h5 a{font-size: 1.125rem; height: 1.25rem; line-height: 1.25rem; color: #4d4c51;}
.n_case_x ul li .con h6{margin: 0 -0.3125rem; margin-top: 1.25rem;}
.n_case_x ul li .con h6 span{display: inline-block; *display: inline; *zoom: 1; width: 50%; padding: 0 0.3125rem;}
.n_case_x ul li .con h6 span a{display: block; width: 100%; height: 40px; line-height: 38px; border: #dcdcdc 1px solid; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; cursor: pointer}
.n_case_x ul li .con h6 span a{font-size: 0.875rem; color: #4b4949}
.n_case_x ul li .img .top{position: absolute; left: 0; top: 0; width: 100%; height: 100%}
.n_case_x ul li .img .top .table_cell{position: relative;}
.n_case_x ul li .img .top .table_cell .sj_top{position: absolute; width: 100%; top: 4.4%; left: 0; text-align: center; z-index: 10;}
.n_case_x ul li .img .top .table_cell .sj_top img{width: auto; height: 1rem; display: inline-block; margin-top: 0}
.n_case_x ul li .img .top img{width: 75%; border-radius: 1.125rem; margin-top: 0.25rem;}
.n_case_x ul li .img .top img.on{filter: alpha(opacity=45); opacity: 0.45; -moz-opacity: 0.45; -khtml-opacity: 0.45}
.n_case_x ul li .img .ewm{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none}
.n_case_x ul li .img .ewm img{width: 8.125rem}
#filters{margin: 1%; padding: 0; list-style: none;}
#filters li{float: left;}
#filters li span{display: block; padding: 5px 20px; text-decoration: none; color: #666; cursor: pointer;}
#filters li span.active{background: #e95a44; color: #fff;}
#portfoliolist .portfolio, #portfoliolist01 .portfolio{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; display: none; float: left; overflow: hidden;}
.portfolio-wrapper{overflow: hidden; position: relative !important; background: #666; cursor: pointer;}
.portfolio img{max-width: 100%; position: relative;}
.portfolio .label{position: absolute; width: 100%; height: 40px; bottom: -40px;}
.portfolio .label-bg{background: #e95a44; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.portfolio .label-text{color: #fff; position: relative; z-index: 500; padding: 5px 8px;}
.portfolio .text-category{display: block; font-size: 9px;}
.container:after{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix:before,
.clearfix:after,
.row:before,
.row:after{content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.row:after,
.clearfix:after{clear: both;}
.row,
.clearfix{zoom: 1;}
.clear{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.zixu_wap{display: none !important}
@keyframes scaleToggleOne{0{transform: scale(1)
; -webkit-transform: scale(1)}
50
%{transform: scale(2)
; -webkit-transform: scale(2)}
100
%{transform: scale(1)
; -webkit-transform: scale(1)}}
@keyframes scaleToggleTwo{0{transform: scale(1)
; -webkit-transform: scale(1)}
20
%{transform: scale(1)
; -webkit-transform: scale(1)}
60
%{transform: scale(2)
; -webkit-transform: scale(2)}
100
%{transform: scale(1)
; -webkit-transform: scale(1)}}
@keyframes scaleToggleThree{0{transform: scale(1)
; -webkit-transform: scale(1)}
33
%{transform: scale(1)
; -webkit-transform: scale(1)}
66
%{transform: scale(2)
; -webkit-transform: scale(2)}
100
%{transform: scale(1)
; -webkit-transform: scale(1)}}
.animated{-webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both}
.livechat-girl{width: 62px; height: 62px; border-radius: 50%; position: fixed; bottom: 1px; right: 40px; opacity: 0; -webkit-box-shadow: 0 5px 10px 0 rgba(35, 50, 56, .3); box-shadow: 0 5px 10px 0 rgba(35, 50, 56, .3); z-index: 700; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1)}
.livechat-girl:focus{outline: 0}
.livechat-girl.animated{opacity: 1; transform: translateY(-40px); -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px)}
.livechat-girl:after{content: ''; width: 12px; height: 12px; border-radius: 50%; background-image: linear-gradient(to bottom, #f10000, #f10000); position: absolute; right: 1px; top: 1px; z-index: 50}
.livechat-girl .girl{position: absolute; top: -1px; left: -1px; width: 100%; height: auto; z-index: 50}
.livechat-girl .animated-circles .circle{background: rgba(241, 0, 0, .25); width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1)}
.livechat-girl .animated-circles.animated .c-1{animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards}
.livechat-girl .animated-circles.animated .c-2{animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards}
.livechat-girl .animated-circles.animated .c-3{animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards}
.livechat-girl.animation-stopped .circle{opacity: 0 !important}
.livechat-girl.animation-stopped .circle{opacity: 0 !important}
.livechat-girl .livechat-hint{position: absolute; right: 40px; top: 50%; margin-top: -20px; opacity: 0; z-index: 0; -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1); transition: all .3s cubic-bezier(.86, 0, .07, 1)}
.livechat-girl .livechat-hint.show_hint{-webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 1}
.livechat-girl .livechat-hint.hide_hint{opacity: 0; -webkit-transform: translateX(0); transform: translateX(0)}
.livechat-girl .livechat-hint.rd-notice-tooltip{max-width: 1296px !important}
.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content{width: auto; overflow: hidden; text-overflow: ellipsis}

@media only screen and (max-width: 1599px){.livechat-girl .livechat-hint.rd-notice-tooltip{max-width: 1060px !important}}
@media only screen and (max-width: 1309px){.livechat-girl .livechat-hint.rd-notice-tooltip{max-width: 984px !important}}
@media only screen and (max-width: 1124px){.livechat-girl .livechat-hint.rd-notice-tooltip{max-width: 600px !important}}

.rd-notice-tooltip{-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .2); box-shadow: 0 2px 2px rgba(0, 0, 0, .2); font-size: 14px; border-radius: 3px; line-height: 1.25; position: absolute; z-index: 65; max-width: 350px; opacity: 1}
.rd-notice-tooltip:after{position: absolute; display: block; content: ''; height: 20px; width: 20px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 50}
.rd-notice-tooltip .rd-notice-content{background: 0; border-radius: 3px; width: 100%; color: #fff; position: relative; z-index: 60; padding: 20px; font-weight: 400; line-height: 1.45}
.rd-notice-type-success{background-color: #f10000; -webkit-box-shadow: 0 5px 10px 0 rgba(241, 0, 0, .2); box-shadow: 0 5px 10px 0 rgba(241, 0, 0, .2)}
.rd-notice-type-success .rd-notice-content{background-color: #f10000}
.rd-notice-type-success:after{background-color: #f10000; -webkit-box-shadow: 0 5px 10px 0 rgba(241, 0, 0, .2); box-shadow: 0 5px 10px 0 rgba(241, 0, 0, .2)}
.rd-notice-position-left{margin-left: -20px}
.rd-notice-position-left:after{right: -6px; top: 50%; margin-top: -10px}
.rd-notice-tooltip.single-line .rd-notice-content{height: 40px; padding: 0 20px; line-height: 40px; white-space: nowrap}
.n_news .right.fixed{position: fixed; right: 50%; margin-right: -800px; top: 6.25rem;}
.n_small .fl00 .title{text-align: center; margin-bottom: 2.5rem}
.n_small .fl00 .title h2{font-size: 6.25rem; color: #fcf2f3; text-transform: uppercase; font-weight: bold; position: relative; z-index: 0;}
.n_small .fl00 .title h3{font-size: 1.875rem; color: #3e3e3e; margin-bottom: 2.5rem; font-weight: bold; margin-top: -4rem; position: relative; z-index: 1; overflow: visible;}
.n_small .fl00 .title h3 span{display: inline-block; padding: 0.25rem 1rem; background: #ffffff}
.n_small .fl00 .title h5{font-size: 1.125rem; color: #2f2f2f}
.n_small .fl00 .title h5 span{display: inline-block; position: relative; padding: 0 50px}
.n_small .fl00 .title h5 span:before{content: ""; position: absolute; top: 50%; margin-top: -0.5px; width: 38px; height: 1px; left: 0; background: #e23433}
.n_small .fl00 .title h5 span:after{content: ""; position: absolute; top: 50%; margin-top: -0.5px; width: 38px; height: 1px; right: 0; background: #e23433}
.n_small .fl01{padding: 7.75rem 0 6.25rem; background: url(../pic/n_small_fl01_bg.jpg) center bottom no-repeat; background-size: 100% auto; overflow: hidden}
.n_small .fl01 .box{background: url(../pic/n_small_fl01_bg.png) center no-repeat; height: 471px;}
.n_small .fl02{padding: 7.75rem 0 6.25rem; background: #fdfdfd}
.n_small .fl02 .title h3{margin-top: 0;}
.n_small .fl02 .title h3 span{background: none}
.n_small .fl02 ul{padding: 0 6.5625rem; margin: 0 -5px;}
.n_small .fl02 ul .miso-list{padding: 1rem 0}
.n_small .fl02 ul li{padding: 0 5px;}
.n_small .fl02 ul li .img{box-shadow: 0 4px 7px rgba(0, 0, 0, 0.09)}
.n_small .fl02 ul li .img img{width: 100%}
.n_small .fl02 ul li .con h5{line-height: 4.375rem; text-align: center; font-size: 1.5rem; color: #3c3c3c}
.n_small .fl02 .miso-prev, .n_small .fl02 .miso-next{z-index: 100000; width: 62px; height: 62px; line-height: 60px; background: none; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; top: 33%;}
.n_small .fl02 .miso-prev:hover, .n_small .fl02 .miso-next:hover{opacity: 1}
.n_small .fl02 .miso-prev{left: 0; border: #e36079 1px dashed; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out;}
.n_small .fl02 .miso-prev:hover{border: #d7183c 1px solid;}
.n_small .fl02 .miso-prev:before{content: "<"; width: 100%; height: 100%; line-height: 60px; position: absolute; left: 0; top: 0; font-size: 24px; font-family: simsun; font-weight: bold; color: #d7183c; text-align: center;}
.n_small .fl02 .miso-next{right: 0; border: #e36079 1px dashed; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out;}
.n_small .fl02 .miso-next:hover{border: #d7183c 1px solid;}
.n_small .fl02 .miso-next:before{content: ">"; width: 100%; height: 100%; line-height: 60px; position: absolute; left: 0; top: 0; font-size: 24px; font-family: simsun; font-weight: bold; color: #d7183c; text-align: center;}
.n_small .fl03{padding: 7.75rem 0 6.25rem; background: url(../pic/n_small_fl03_bg_02.jpg) center no-repeat; background-size: auto 100%; position: relative;}
.n_small .fl03 .title h3{margin-top: 0; color: #fff}
.n_small .fl03 .title h3 span{background: none}
.n_small .fl03 ul .miso-list{padding: 10rem 0 10rem !important}
.n_small .fl03 ul{padding: 0 6.5625rem; margin: 0 -0.5rem; margin-top: -10rem;}
.n_small .fl03 ul li{padding: 0 0.5rem;}
.n_small .fl03 ul li .box{position: relative; height: 22rem}
.n_small .fl03 ul li .con{background: #fff url(../pic/n_small_fl03_iconbg_02.png) right bottom no-repeat; padding: 3.125rem 1.875rem; text-align: center;}
.n_small .fl03 ul li .con .con_li{position: relative;}
.n_small .fl03 ul li .con .con_li h3{font-size: 1.5rem; color: #141414; line-height: 3rem; border-bottom: #d2d2d2 1px solid; border-top: #d2d2d2 1px solid; font-weight: bold}
.n_small .fl03 ul li .con .con_li p{font-size: 0.875rem; color: #777777; line-height: 22px; height: 66px; overflow: hidden; margin: 2.25rem 0;}
.n_small .fl03 ul li .con .icon{display: none; height: 4rem; line-height: 4rem; background: #e23433; margin-top: -2px; position: relative;}
.n_small .fl03 ul li .con .icon img{height: 2.375rem}
.n_small .fl03 ul li .con a{display: block; height: 0; overflow: hidden; line-height: 3.125rem; background: #e23433; font-size: 1rem; color: #fff; border-radius: 5px; position: relative;}
.n_small .fl03 ul li .con h4{height: 4rem; line-height: 4rem; text-align: right; overflow: hidden}
.n_small .fl03 ul li .con h4 img{max-height: 4rem;}
.n_small .fl03 ul li .con img{display: inline-block}
.n_small .fl03 ul li .con h5{font-size: 1.125rem; color: #e23433; line-height: 2rem; display: none; position: relative;}
.n_small .fl03 .miso-prev, .n_small .fl03 .miso-next{z-index: 100000; width: 62px; height: 62px; line-height: 60px; background: none; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; top: 45%;}
.n_small .fl03 .miso-prev:hover, .n_small .fl03 .miso-next:hover{opacity: 1}
.n_small .fl03 .miso-prev{left: 0; border: #efa2b1 1px dashed; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out;}
.n_small .fl03 .miso-prev:hover{border: #fff 1px solid;}
.n_small .fl03 .miso-prev:before{content: "<"; width: 100%; height: 100%; line-height: 60px; position: absolute; left: 0; top: 0; font-size: 24px; font-family: simsun; font-weight: bold; color: #efa2b1; text-align: center;}
.n_small .fl03 .miso-next{right: 0; border: #efa2b1 1px dashed; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out;}
.n_small .fl03 .miso-next:hover{border: #fff 1px solid;}
.n_small .fl03 .miso-next:before{content: ">"; width: 100%; height: 100%; line-height: 60px; position: absolute; left: 0; top: 0; font-size: 24px; font-family: simsun; font-weight: bold; color: #efa2b1; text-align: center;}
.n_small .fl03 ul li.miso-center .con{background: #fff; position: absolute; height: 35rem; left: 0; width: 100%; top: -10rem;}
.n_small .fl03 ul li.miso-center .con:before{content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; border: #e23433 0.5rem solid;}
.n_small .fl03 ul li.miso-center .con .con_li{border: #f0a4b3 2px solid; padding: 2.75rem 1.5rem 0 1.5rem}
.n_small .fl03 ul li.miso-center .con .icon{display: block;}
.n_small .fl03 ul li.miso-center .con h4{height: 0;}
.n_small .fl03 ul li.miso-center .con h5{display: block;}
.n_small .fl03 ul li.miso-center .con a{height: 3.125rem; margin: 2.25rem 0 2rem;}
.n_small .fl03 ul li.miso-center .con .con_li h3{height: 4rem; line-height: 4rem; border-bottom: #e1e1e1 1px solid; border-top: #e1e1e1 1px solid; font-size: 1.875rem; color: #e23433}
.n_small .fl03 .title{height: 6.875rem; line-height: 4.875rem; position: absolute; bottom: 0; left: 0; width: 100%; font-size: 1.875rem; color: #fff; margin-bottom: 0;}
.n_small .fl03 .title font{font-size: 2.25rem}
.n_small .fl04{padding: 8.3125rem 0 2.25rem; background: url(../pic/n_small_fl04_bg.png) center bottom no-repeat;}
.n_small .fl04 .left{width: 52.5%}
.n_small .fl04 .left .box{text-align: left}
.n_small .fl04 .left .box .title{text-align: left; margin-bottom: 4rem;}
.n_small .fl04 .left .box .title h4{font-size: 1.875rem; color: #3c3c3c; font-weight: bold; margin-bottom: 2.25rem; padding: 3rem 0 0}
.n_small .fl04 .left .box .title h5{font-size: 1rem; color: #3c3c3c; line-height: 2rem}
.n_small .fl04 .left .box ul li{display: inline-block; width: 135px; position: relative;}
.n_small .fl04 .left .box ul .li{margin-right: 8rem;}
.n_small .fl04 .left .box ul .li[aos=fade-right]:before{content: ""; position: absolute; top: 50%; width: 6rem; height: 1px; border-bottom: #fff 1px dashed; right: -7rem;}
.n_small .fl04 .left .box ul .li[aos=fade-right].aos-animate:before{content: ""; border-bottom: #ffc010 1px dashed; transition-delay: 1s}
.n_small .fl04 .left .box ul li canvas{position: relative; z-index: 1; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg);}
.n_small .fl04 .left .box ul li .con{position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 135px;}
.n_small .fl04 .left .box ul li .con h3{font-size: 1.125rem; color: #3c3c3c; text-align: center;}
.n_small .fl04 .left .box ul li[aos=fade-right]{-webkit-transform: translate(-200px, 0) rotate(-90deg); -ms-transform: translate(-200px, 0) rotate(-90deg); transform: translate(-200px, 0) rotate(-90deg);}
.n_small .fl04 .left .box ul li[aos=fade-right].aos-animate{-webkit-transform: translate(0, 0) rotate(0); -ms-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0);}
.n_small .fl04 .right{width: 37.5%}
.n_small .fl05{padding: 7.8125rem 0 7rem; background: url(../pic/n_small_fl05_bg.jpg) center no-repeat; background-size: cover; position: relative;}
.n_small .fl05 .title{margin-bottom: 10rem}
.n_small .fl05 .title h3{margin-top: 0; color: #fff}
.n_small .fl05 .title h3 span{background: none}
.n_small .fl05 ul .miso-list{padding: 10rem 0 10rem !important}
.n_small .fl05 ul{padding: 0 6.5625rem; margin: 0; margin-top: -10rem;}
.n_small .fl05 ul li{padding: 0; text-align: center;}
.n_small .fl05 ul li .box{position: relative; height: 10.625rem;}
.n_small .fl05 ul li .box .con{-moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; height: 10.625rem}
.n_small .fl05 ul li .box .con img{max-height: 3rem}
.n_small .fl05 ul li .box .con h5{text-align: center; font-size: 1.5rem; color: #fff; margin: 2.5rem 0 0}
.n_small .fl05 ul li .box .con h4 a{font-size: 1.125rem; color: #fff; height: 2.8125; line-height: 2.8rem; text-align: center; display: inline-block; width: 60%; border: rgba(255, 255, 255, 0.18) 1px solid; border-radius: 4px; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; display: none}
.n_small .fl05 .miso-prev, .n_small .fl05 .miso-next{z-index: 100000; width: 62px; height: 62px; line-height: 60px; background: none; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; top: 45%;}
.n_small .fl05 .miso-prev:hover, .n_small .fl05 .miso-next:hover{opacity: 1}
.n_small .fl05 .miso-prev{left: 0; border: #efa2b1 1px dashed; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out;}
.n_small .fl05 .miso-prev:hover{border: #fff 1px solid;}
.n_small .fl05 .miso-prev:before{content: "<"; width: 100%; height: 100%; line-height: 60px; position: absolute; left: 0; top: 0; font-size: 24px; font-family: simsun; font-weight: bold; color: #efa2b1; text-align: center;}
.n_small .fl05 .miso-next{right: 0; border: #efa2b1 1px dashed; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out;}
.n_small .fl05 .miso-next:hover{border: #fff 1px solid;}
.n_small .fl05 .miso-next:before{content: ">"; width: 100%; height: 100%; line-height: 60px; position: absolute; left: 0; top: 0; font-size: 24px; font-family: simsun; font-weight: bold; color: #efa2b1; text-align: center;}
/* Effect 5 */
.hi-icon-effect-5 .hi-icon{box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35); overflow: hidden; -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s; text-align: center;}
.hi-icon-effect-5 .hi-icon:after{display: none;}
.no-touch .hi-icon-effect-5 .hi-icon:hover{background: rgba(213, 4, 44, 1); color: #702fa8; box-shadow: 0 0 0 10px rgba(213, 4, 44, 0.35);}
.no-touch .hi-icon-effect-5a .hi-icon:hover:before{-webkit-animation: toRightFromLeft 0.3s forwards; -moz-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards;}
@-webkit-keyframes toRightFromLeft{49%{-webkit-transform: translate(100%);} 50%{opacity: 0; -webkit-transform: translate(-100%);} 51%{opacity: 1;}}
@-moz-keyframes toRightFromLeft{49%{-moz-transform: translate(100%);} 50%{opacity: 0; -moz-transform: translate(-100%);} 51%{opacity: 1;}}
@keyframes toRightFromLeft{49%{transform: translate(100%);} 50%{opacity: 0; transform: translate(-100%);} 51%{opacity: 1;}}
.no-touch .hi-icon-effect-5b .hi-icon:hover:before{-webkit-animation: toLeftFromRight 0.3s forwards; -moz-animation: toLeftFromRight 0.3s forwards; animation: toLeftFromRight 0.3s forwards;}
@-webkit-keyframes toLeftFromRight{49%{-webkit-transform: translate(-100%);} 50%{opacity: 0; -webkit-transform: translate(100%);} 51%{opacity: 1;}}
@-moz-keyframes toLeftFromRight{49%{-moz-transform: translate(-100%);} 50%{opacity: 0; -moz-transform: translate(100%);} 51%{opacity: 1;}}
@keyframes toLeftFromRight{49%{transform: translate(-100%);} 50%{opacity: 0; transform: translate(100%);} 51%{opacity: 1;}}
.no-touch .hi-icon-effect-5c .hi-icon:hover:before{-webkit-animation: toTopFromBottom 0.3s forwards; -moz-animation: toTopFromBottom 0.3s forwards; animation: toTopFromBottom 0.3s forwards;}
@-webkit-keyframes toTopFromBottom{49%{-webkit-transform: translateY(-100%);} 50%{opacity: 0; -webkit-transform: translateY(100%);} 51%{opacity: 1;}}
@-moz-keyframes toTopFromBottom{49%{-moz-transform: translateY(-100%);} 50%{opacity: 0; -moz-transform: translateY(100%);} 51%{opacity: 1;}}
@keyframes toTopFromBottom{49%{transform: translateY(-100%);} 50%{opacity: 0; transform: translateY(100%);} 51%{opacity: 1;}}
.no-touch .hi-icon-effect-5d .hi-icon:hover:before{-webkit-animation: toBottomFromTop 0.3s forwards; -moz-animation: toBottomFromTop 0.3s forwards; animation: toBottomFromTop 0.3s forwards;}
@-webkit-keyframes toBottomFromTop{49%{-webkit-transform: translateY(100%);} 50%{opacity: 0; -webkit-transform: translateY(-100%);} 51%{opacity: 1;}}
@-moz-keyframes toBottomFromTop{49%{-moz-transform: translateY(100%);} 50%{opacity: 0; -moz-transform: translateY(-100%);} 51%{opacity: 1;}}
@keyframes toBottomFromTop{49%{transform: translateY(100%);} 50%{opacity: 0; transform: translateY(-100%);} 51%{opacity: 1;}}
.hi-icon{display: inline-block; font-size: 0px; cursor: pointer; margin: 0; width: 8.125rem; height: 8.125rem; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #fff; line-height: 8.125rem;}
.n_small .fl06{padding: 10.625rem 0 10rem; background: url(../pic/n_small_fl06_bg.jpg) center no-repeat; background-size: cover;}
.n_small .fl06 .title{margin-bottom: 4.375rem}
.n_small .fl06 .title h3{margin-top: 0}
.n_small .fl06 .title h3 span{background: none}
.n_small .fl06 ul{font-size: 0; margin: 0 -8px; text-align: center}
.n_small .fl06 ul li{display: inline-block; width: 20%; padding: 0 8px; margin-bottom: 16px;}
.n_small .fl06 ul li img{}
.my-map{background: url(../pic/marker.png) center no-repeat; -webkit-animation-name: bounce; animation-name: bounce; -webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count: infinite}
@-webkit-keyframes bounce{0%, 20%, 50%, 80%, 100%{-webkit-transform: translateY(0); transform: translateY(0);} 40%{-webkit-transform: translateY(-30px); transform: translateY(-30px);} 60%{-webkit-transform: translateY(-15px); transform: translateY(-15px);}}
@keyframes bounce{0%, 20%, 50%, 80%, 100%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);} 40%{-webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px);} 60%{-webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px);}}

/*==========================================首页 结束=============================================*/
/*==========================================内页 开始=============================================*/
/*==========================================内页 结束=============================================*/

@media (min-width: 768px) {
 .container01 .fl01 ul li a:hover .box span.y1{opacity: 0;transform: scale(1.3);-webkit-transform: scale(1.3);}
.container01 .fl01 ul li a:hover .box span.y2{opacity: 1;transform: scale(1);-webkit-transform: scale(1);visibility: visible;}
.container01 .fl01 ul li:hover .icon .con01{left: 100%;}
.container01 .fl01 ul li:hover .icon .con02{left: 0;}
.container02 ul.ul li:hover a .img:after{left: 0;width: 0}
.container02 ul.ul li:hover a .con:before{left: 0;width: 100%}
.container02 ul.ul li:hover a .con h4{height: 1.875rem}
.container02 ul.ul li:hover a .con h5{height: 1rem}
.container04 .slider-for ul li .box .fr h5 a:hover{color: #e23433}
.container08 .con.left ul li a:hover, .container09 ul li a:hover, .n_case ul li .con h5 a:hover, .n_join .bottom p a:hover, .n_news .left ul li .con h5 a:hover, .n_news .right ul li a:hover, .n_case01 ul li .con h5 a:hover, .b_nav .con.center a:hover, .n_news_detail .right .con ul li a:hover{color: #e23433}
.n_case ul li .box .img:hover .red-bg{opacity: 1;visibility: visible;}
.n_case ul li .box .img:hover .line{transform: translate(0);-webkit-transform: translate(0);opacity: 1;visibility: visible;}
.n_case ul li .box .img:hover img{transform: scale(1.05);}
.n_news .left ul li .box .img:hover .red-bg{opacity: 1;visibility: visible;}
.n_news .left ul li .box .img:hover .line{transform: translate(0);-webkit-transform: translate(0);opacity: 1;visibility: visible;}
.n_news .left ul li .box .img:hover img{transform: scale(1.05);}
.n_case01 ul li .box .img:hover .red-bg{opacity: 1;visibility: visible;}
.n_case01 ul li .box .img:hover .line{transform: translate(0);-webkit-transform: translate(0);opacity: 1;visibility: visible;}
.n_case01 ul li .box .img:hover img{transform: scale(1.05);}
.n_banner06 .left ul li a:hover{border: #e23433 1px solid}
.n_banner06 .left ul li a:hover:before{top: 0;height: 100%}
.b_nav .con.fr a:hover{color: #e23433}
.n_about .fl03 ul li:hover a img.img02{filter: alpha(opacity=1);opacity: 1;-moz-opacity: 1;-khtml-opacity: 1}
.al_select ul li:hover:after{left: 0;width: 100%}
.n_case_x ul li .con h6 span a:hover{background: #e23433;color: #fff;border: #e23433 1px solid}
.container05 ul li .img:hover{}
.n_small .fl05 ul li .box:hover .con h4 a{margin-top: 5.25rem;display: inline-block}
.n_small .fl05 ul li .box:hover .con{position: absolute;height: 21rem;left: 0;width: 100%;transform: translateY(-4.375rem);-o-transform: translateY(-4.375rem);-ms-transform: translateY(-4.375rem);}
.n_small .fl05 ul li .box .con h4 a:hover{background: #e23433;display: inline-block;color: #fff}
.container01 .fl02 ul li:hover h3 img{height: 2.8125rem;-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: none;opacity: 1;}

}
@media (min-width: 992px) and (max-width: 1300px) {
}

@media (max-width: 1700px){.n_about .fl02 ul .miso-prev{left: 2rem}
.n_about .fl02 ul .miso-next{right: 2rem}}
@media (max-width: 1620px){.container04 .slider-for ul{margin: 0 -1rem}
.container04 .slider-for ul li{width: 33.333333%;padding: 0 0 0 2rem;}
.n_news .right.fixed{right: 15px;margin-right: 0;}}
@media (max-width: 1470px){.container04 .slider-for ul{margin: 0 -0.5rem}
.container04 .slider-for ul li{width: 33.333333%;padding: 0 0 0 1rem;}
.container04 .slider-for ul li .box{}
.n_banner01 .fr ul{margin: 8rem 0 0 0}
.n_banner01 .fr ul li{width: 14rem}
.n_banner01 .fr ul li h4{height: 4rem}
.n_banner01 .fr ul li h4 span.counter{font-size: 4rem}
.n_about .fl02 ul .miso-prev, .n_about .fl02 ul .miso-next{top: 70%}
.n_about .fl02 ul .miso-prev{left: auto;right: 8rem}
.n_about .fl02 ul .miso-next{right: 4rem}}
@media (max-width: 1415px){.container04 .slider-for ul li .box .fl .time h2{font-size: 1.5rem}
.n_banner05 dl dt, .n_banner05 dl dd{height: 50%;}
.n_banner05 dl dt, .n_banner05 dl dd{width: 50%;border-bottom: rgba(255, 255, 255, 0.1) 1px solid;border-right: rgba(255, 255, 255, 0.1) 1px solid;}
.n_banner05 dl dt .table{text-align: center}
.n_banner05 dl dd:nth-child(2), .n_banner05 dl dd:last-child{border-right: none}}
@media (max-width: 1300px){.n_news .left ul{margin: 0 -0.75rem}
.n_news .left ul li{padding: 0 0.75rem}
.n_news .left ul li:nth-child(2) .con p{display: none}
.n_news .left ul li:nth-child(2) .con h5{margin-bottom: 2rem}
.n_about .fl03 ul li.li .box img{height: 50%}}
@media (max-width: 1240px){.container04 .slider-for ul li .box{padding: 2rem}
.container04 .slider-for ul li .box .fl .time h2{margin-bottom: 2rem}
.container04 .slider-for ul li .box .fr h5{margin: 0.5rem 0 1rem}
.container04 .slider-for ul li .box .fr p{margin-bottom: 1.75rem}}
@media (max-width: 1200px){.container01 .fl01 ul li .icon .con img{max-height: 2.8rem}
.container02 ul.ul li{width: 33.333333%}
.container04 .slider-for ul{margin: 0 0 0 -1rem;width: auto;}
.container04 .slider-for ul li{width: 50%;}
.container05{background-position: 0 !important}
.container08 .con.right{padding: 0 0 0 2rem}
.n_banner01 .fr ul{margin: 8rem 0 0 0}
.n_banner01 .fr ul li{width: 11rem}
.n_banner01 .fr ul li h4{height: 3rem}
.n_banner01 .fr ul li h4 span.counter{font-size: 3rem}
.n_news .left ul li .con{padding-top: 2rem;padding-bottom: 2rem}
.n_news_detail .left{width: 100%;margin-bottom: 3rem}
.n_news_detail .left .box{padding: 4rem 2rem}
.n_news_detail .right{display: none}
.ar_wap.clear{display: none}
.n_small .fl06 ul{font-size: 0;margin: 0 -8px;}
.n_small .fl06 ul li{display: inline-block;width: 25%;padding: 0 8px;}}
@media (max-width: 1060px){}
@media (max-width: 992px){
header .fr{display: none}
.wap_nav{display: block}
.container01 .fl01 ul li{width: 33.333333%;margin-bottom: 2rem;}
.container03 ul li{width: 25%;}
.container08 .con.center ul li.li{/* display: none*/}
.container08 .con.left{padding: 21px 20px 0 0;}
.n_banner01 .fl, .n_banner01 .fr{width: 100%}
.n_about .fl01 .fl{margin-bottom: 3rem}
.n_about .fl01 .fl, .n_about .fl01 .fr{width: 100%}
.n_about .fl01 .fl h2{font-size: 2rem}
.n_container{width:95%;margin: 0 auto;}
.n_case{padding: 1rem 0 0;}
.n_case ul{margin: 0 -0.75rem}
.n_case ul li{width: 50%;padding: 0 0.75rem;margin-bottom: 2rem}
.n_join ul > li .box .left{width: 25%}
.n_join ul > li .box .right{width: 74%}
.n_news .left ul{margin: 0 -0.5rem}
.n_news .left ul li{padding: 0 0.5rem;width: 50%;height: auto !important;margin-bottom: 2rem;}
.n_news .left ul li.li{width: 100%}
.n_news .left ul li:nth-child(2) .con{height: auto !important;padding-top: 2rem !important;padding-bottom: 2rem !important;}
.n_news .left ul li:nth-child(2) .con p{display: block;font-size: 14px;}
.n_news .left ul li:nth-child(2) .con h5{margin-bottom: 1rem}
.n_news .right, .n_news .layui-col-xs12:before{display: none}
.n_news .left{width: 100%}
.news_nav{display: block}
.n_banner05 dl dt h3{font-size: 3rem;color: #fff;font-family: Impact;}
.n_banner05 dl dt h4{font-size: 1.5rem;color: #fff;margin: 1.875rem 0 0.875rem}
.n_banner05 dl dt h2{font-size: 1.5rem;color: #fff;font-weight: bold;margin-bottom: 1.75rem}
.n_banner05 dl dt h6{font-size: 0.9375rem;line-height: 1.5rem;color: #fff;text-transform: uppercase}
.n_banner05 dl dd h3{height: 3.5rem;line-height: 3.5rem}
.n_banner05 dl dd h3 img{height: 1.5rem}
.n_banner05 dl dd h4{font-size: 1.25rem;margin: 0 0 1.5rem;}
.n_banner05 dl dd h2{font-size: 1.125rem;margin-bottom: 0.75rem}
.n_banner05 dl dd h5{font-size: 1rem;}
.n_banner05 dl dd h6{font-size: 1rem;line-height: 1.5rem;margin-bottom: 1rem;}
.n_banner05 dl dd ul li{margin: 0 0.5rem;}
.n_banner05 dl dd .con{height: auto}
.n_banner05 dl dd ul li h3 img{height: 2.5rem}
.video_box{display: none}
.n_banner06 .left h3{font-size: 2.5rem;margin-top: -15rem}
.n_banner06 .left h4{font-size: 1.25rem}
.n_banner06 .left h6{margin-bottom: 4rem}
.n_banner06 .right{width: 100%;right: 0rem;bottom: -1rem}
.n_case01 ul{margin: 0 -0.75rem}
.n_case01 ul li{width: 50%;padding: 0 0.75rem;margin-bottom: 2rem}
.n_case_x ul li{width: 33.333333%;}
.n_small .fl03 ul{padding: 0}
.n_small .fl04 .left{width: 65%;}
.n_small .fl04 .left .box ul li{width: 75px;height: 75px}
.n_small .fl04 .left .box ul li canvas{transform: scale(0.55);float: left;margin: -29px;}
.n_small .fl04 .left .box ul li .con{line-height: 75px;}
.n_small .fl04 .left .box ul li.li01{width: 103px !important;}
.n_small .fl04 .left .box ul li.li01 .con{line-height: 106px !important;}
.n_small .fl04 .left .box ul .li{margin-right: 2rem}
.n_small .fl04 .left .box ul .li[aos=fade-right]:before{width: 1rem;right: -2rem}
.n_small .fl04 .right{width: 30%;}
.n_small .fl05 ul{padding: 0;margin-top: 0;}
.n_small .fl05 ul .miso-list{padding: 2rem 0 !important;}
.n_small .fl05 .title{margin-bottom: 2rem}
.container06 .con.left{margin-bottom: 2rem}
}
@media (max-width: 768px){header .fl img{height: 2.4rem}
.miso-initialized .miso-slide{width: 545px ;}
.banner_box .banner .cont h1{font-size: 3.5rem;line-height: 6rem;}
.banner_box .banner .cont .intro{font-size: 1.25rem;letter-spacing: 4px;}
.container01{padding: 3rem 0 0;}
.container01 .title{margin-bottom: 3rem}
.container01 .fl02 ul li{width: 20%;margin-bottom: 1rem}
.container01 .fl02 ul li span{opacity: 1;font-size: 12px;}
.container02 ul.ul li{width: 33.33333%;}
.container02 ul.ul li a .con h3 img{max-width: 60%;max-height: 3.5rem}
.container02 .title{margin-bottom: 3rem}
.container02 .slider-for ul li{width: 100%;}
.container02 .slider-nav .miso-slide h5{padding: 0;display: block}
.container02 .slider-for ul li .box .fl .dot img{height: 3.5rem}
.container03 ul .miso-slide li{width: 33.333333%;margin-bottom: 1rem}
.container03 ul li .img{padding: 0 1rem}
.container03 .title h2 img{height: 5rem}
.container03 .title h4 .ar_wap{display: inline-block;line-height: 1.75rem}
.container03{padding: 5rem 0}
.container03 .title{margin-bottom: 3rem}
.container04{padding: 3rem 0 1rem 0}
.container04 .title{margin-bottom: 3rem}
.container04 .slider-for ul li{width: 100%;}
.container04 .slider-nav .miso-slide h5{padding: 0;display: block}
.container04 .slider-for ul li .box .fl .dot img{height: 3.5rem}
.container05{padding: 5rem 0;}
.container05 .title{margin-bottom: 3rem}
.container05 ul{padding: 0 0.5625rem;}
.container05 ul li{width: 33.333333%;padding: 0 0.5625rem}
.container05 ul li .img{height: 6rem;line-height: 6rem}
.container07{height: 20rem;background-size: cover;}
.container06 .con.right{margin-left: 2rem}
.container06 .con.right h3{margin: 1rem 0 2rem;font-size: 2rem}
.container08{padding: 3rem 0}
footer .fl{line-height: 1.5rem;margin-bottom: 1rem;width: 100%;margin-left: 1rem;text-align: left;}
footer .fl .ar_wap{display: inline-block}
footer .fr{text-align: left;position: relative;padding-right: 2rem;width: 100%;margin-left: 1rem;line-height: 1.5rem;}
.container08 .con:before{display: none}
.n_banner{width: 100vw !important;height: calc(100vh - 6.25rem) !important}
.n_banner06{height: auto !important;}
.n_banner06 .left{padding: 3.25rem 0 4rem}
.n_banner06 .left h3{margin-top: 0}
.n_banner06 .right{position: relative}
.n_banner01 .fr ul{width: 100%;margin: 3rem 0 0 0;}
.n_banner01 .fr ul li{width: 25%}
.n_about .fl01{padding: 3.5rem 0 1rem}
.n_about .fl01 .fr ul{margin: 0 0}
.n_about .fl01 .fr ul li{width: 25%;height: 4.5rem;line-height: 4.5rem}
.n_about .fl02 .miso-dots{bottom: 3rem}
.n_about .fl02 ul li.miso-slide .fl{padding: 2rem 0 0}
.n_about .fl02 ul li.miso-slide{padding: 5rem 0 12rem;}
.n_about .fl02 ul li.miso-slide .fl h3{font-size: 1rem}
.n_about .fl02 ul li.miso-slide .fr h2{font-size: 6rem}
.n_about .fl02 ul .miso-prev, .n_about .fl02 ul .miso-next{width: 11px;height: 21px;background-size: cover}
.container08 .con.right h3 img{height: 1rem}
.n_banner{background-position: 0 !important}
.n_banner02{height: 20rem !important}
.n_banner02 h3{font-size: 2.375rem !important;line-height: 2.375rem !important;}
.n_banner02 h4{font-size: 1rem !important;}
.n_banner02 h2{font-size: 2.4375rem;}
.n_banner02 h6{font-size: 0.875rem;}
.n_container{width: 95%;margin: 0 auto;}
.n_case{    padding: 1rem 0 0;}
.page a{display: none}
.page a.block{display: inline-block}
.n_join{padding: 3rem 0 3rem;}
.n_banner03{height: 20rem !important}
.n_banner03 h3 img{height: 8rem}
.n_join ul{margin-bottom: 3rem}
.banner_box{overflow: hidden;height: auto;}
.banner_box .banner{width: 100vw !important;height: calc(100vh - 6.25rem) !important}
.n_banner06 .left ul li a span img{height: 12px;}
.n_case01{padding: 3.625rem 0 3.25rem;}
.n_case01 .title h5{font-size: 1.125rem;text-align: center}
.n_case01 .title h2{font-size: 2rem;text-align: center}
.n_banner06 .right img{opacity: 1;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0)}
.n_news_detail .left .box .ar_title h3{font-size: 1.5rem}
.n_about .fl03 ul li.li{width: 50%}
.n_about .fl03 ul li.li .box img{height: 30%}
.n_about .fl03 ul li{width: 25%}
.n_about .fl03 ul li a img.ar_wap{display: block}
.n_about .fl03 ul li.li01{opacity: 0;-webkit-transition-property: all;transition-property: all;-webkit-transform: scale(.6);-ms-transform: scale(.6);transform: scale(.6);-webkit-transition-duration: .6s;transition-duration: .6s;height: 0}
.n_about .fl03 ul li.li01.xian{opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);height: auto}
.n_about .fl03 ul .more{display: block}
.n_about .fl03 ul .more span.span02.xian{opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);width: auto}
.n_about .fl03 ul .more span.span01.none{opacity: 0;-webkit-transform: scale(0.6);-ms-transform: scale(0.6);transform: scale(0.6);width: 0}
.n_case_x ul li{width: 50%;}
.al_select ul li a img{height: 17px;margin-right: 0;}
.n_case_x{padding: 3rem 0 4rem}
.n_case_x ul li{margin-bottom: 5rem}
.container09 ul{height: 5.625rem;overflow: hidden}
.container09 .more{text-align: center;display: block;margin-top: 2rem;}
.container09 .more a{font-size: 0.875rem;color: #e23433;text-decoration: underline}
.container09 .more a.a2{display: none}
.container09 .more a.a1.none{display: none}
.container09 .more a.a2.on{display: inline-block}
.container09 ul.on{height: auto;}
header .fl embed.wap{display: inline-block;width: 12rem}
header .fl embed.web{display: none}
.button01.ar_web{display: none}
.button01.ar_wap{display: inline-block}
.zixu_wap{display: inline-block !important}
.zixu_web{display: none !important;}
.banner_box .banner .cont .intro img{max-width: 100%;position: relative;}
header .fl embed.web{display: none}
.livechat-girl .livechat-hint.rd-notice-tooltip{display: none !important}
.n_small .fl00 .title h2{font-size: 3.5rem}
.n_small .fl00 .title h3{font-size: 1.5rem;margin-top: -2.5rem}
.n_small .fl00 .title h5 span{line-height: 1.5rem;font-size: 1rem}
.n_small .fl01{padding: 3rem 0 2rem}
.n_small .fl01 .box{background-size: cover !important}
.n_small .fl02 ul{padding: 0 0rem;}
.n_small .fl02 .miso-prev, .n_small .fl02 .miso-next{z-index: 100000;width: 32px;height: 32px;line-height: 30px;background: none;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;top: 33%;}
.n_small .fl02 .miso-prev:hover, .n_small .fl02 .miso-next:hover{opacity: 1}
.n_small .fl02 .miso-prev{left: 0;border: #e36079 1px dashed;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_small .fl02 .miso-prev:hover{border: #d7183c 1px solid;}
.n_small .fl02 .miso-prev:before{content: "<";width: 100%;height: 100%;line-height: 30px;position: absolute;left: 0;top: 0;font-size: 18px;font-family: simsun;font-weight: bold;color: #d7183c;text-align: center;}
.n_small .fl02 .miso-next{right: 0;border: #e36079 1px dashed;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_small .fl02 .miso-next:hover{border: #d7183c 1px solid;}
.n_small .fl02 .miso-next:before{content: ">";width: 100%;height: 100%;line-height: 30px;position: absolute;left: 0;top: 0;font-size: 18px;font-family: simsun;font-weight: bold;color: #d7183c;text-align: center;}
.n_small .fl02 ul li .con h5{line-height: 4rem;text-align: center;font-size: 1.25rem;color: #3c3c3c}
.n_small .fl01 .box{height: 230px;}
.n_small .fl03 ul{margin: 0 -70%;margin-top: -10rem}
.n_small .fl05{padding: 4rem 0 3rem}
.n_small .fl05 .title h3{margin-top: 0}
.n_small .fl06 ul{font-size: 0;margin: 0 -8px;}
.n_small .fl06 ul li{display: inline-block;width: 33.333333%;padding: 0 8px;}
.n_small .fl06{padding: 4rem 0 3rem}
.n_small .fl06 .title h3{margin-top: 0}
.n_small .fl06 .title{margin-bottom: 3rem}
.n_small .fl05 ul li .box .con h5{margin-top: 1.25rem;font-size: 1rem}
.container07 .my-map{width: 62px;height: 70px;position: absolute;top: 50%;margin-top: -55px;left: 50%;margin-left: -31px;background-size: 100% 100% !important}
.container06 .con.right .weixin{position: relative;margin-top: 2rem}
.container06 .con.right h5{line-height: 2rem}
.banner_box .banner li{height: 100%}
.banner_box .banner .cont{height: 100%}
.n_news .left ul li .con p { font-size: 14px;}
}
@media (max-width: 640px){.container01 .fl01 ul li .box span.y1{border: #dbdbdb 1px solid;}
.container01 .fl01 ul li .box, .container01 .fl01 ul li .box span.y1, .container01 .fl01 ul li .icon{width: 6rem;height: 6rem;line-height: 6rem}
/* .container01 .fl01 ul li .box, .container01 .fl01 ul li .box span.y1, .container01 .fl01 ul li .icon .con01{top: 20px;}*/.container01 .fl01 ul li .icon .con img{height: 2.2rem}
.container01 .fl01 ul li .icon .con01{top:14px;}
.container01 .fl01 ul li h5{margin-bottom: 0.5rem;margin-top: 1.25rem;font-size: 15px;}
.container01 .fl01{margin-bottom: 0;}
.container01 .fl01 ul li h6{font-size: 10px;}
.container01 .fl01 ul li h6{line-height: 1.5rem;height: 3rem}
.container04 .slider-for ul li .box .fr h6 img{width: 2.4rem}
.container06{padding: 4rem 0}
.container06 .con.left{width: 100%;text-align: center;margin-bottom: 2rem}
.container06 .con.left h3{margin-bottom: 1rem}
.container06 .con.right{width: 100%;text-align: center;margin-left: 0}
.container08 .con.left, .container08 .con.center, .container08 .con.right, .container08 .con.right .box{width: 100%;padding: 0;text-align: center}
.container08 .con.center{margin-top: 2rem}
.container08 .con.left{/* padding: 0 3rem*/}
.n_banner01 .fl h2{font-size: 1.75rem}
.n_banner01 .fl h4{font-size: 1.25rem;margin: 3rem 0 1.5rem;}
.n_banner01 .fr ul{height: 80px;}
.n_banner01 .fr ul li h4{height: 2rem;overflow: hidden;}
.n_banner01 .fr ul li h4 span.counter{font-size: 2rem}
.n_banner01 .fr ul li h4 span{font-size: 1rem}
.n_banner01 .fl h2:before{bottom: -1.25rem;height: 2px}
.n_banner01 .fr ul li h5{padding-right: 0.75rem;font-size: 1rem}
.n_banner01 .fr ul li h6{padding-right: 0.5rem;font-size: 1rem}
.n_case ul{margin: 0 -0.5rem}
.n_case ul li .con h5, .n_case ul li .con h5 a{font-size: 1.125rem}
.n_case ul li{width: 50%;padding: 0 0.5rem;margin-bottom: 1.5rem}
.n_case ul li .con{/* padding: 1.55rem 1rem 1.75rem 1rem*/padding:10px;}
.n_join .title h4{font-size: 0.875rem}
.n_join .title h3{font-size: 1.25rem}
.n_join ul > li{margin-bottom: 1.5rem}
.n_join ul > li .box .left{width: 100%;display: block;border: none;border-bottom: #dcdee0 2px solid;padding: 2rem 0;position: relative;}
.n_join ul > li .box .left .con{position: relative;min-height: auto;padding: 00.5rem;}
.n_join ul > li .box .left .con h3 img{width: 5rem}
.n_join ul > li .box .right{width: 100%;display: block}
.n_join ul > li .box .right .con{padding: 0 1rem}
.n_news .left{padding: 4rem 0 3rem}
.n_news .left ul li.li .top{padding: 2rem 2rem 0}
.n_banner04 h2{font-size: 1.75rem}
.n_case01 ul{margin: 0 -0.5rem}
.n_case01 ul li .con h5, .n_case01 ul li .con h5 a{font-size: 1.125rem}
.n_case01 ul li{width: 50%;padding: 0 0.5rem;margin-bottom: 1.5rem}
.n_case01 ul li .con{padding: 1.55rem 1rem 1.75rem 1rem}
.n_news_detail .left .box{padding: 4rem 1rem}
.n_news_detail .left .box .ar_title h6 span img{height: 11px;}
.b_nav .con.center img{height: 14px;}
.b_nav .con.fl img, .b_nav .con.fr img{width: 14px;}
.ar_article p{font-size: 1rem}
.container08 .con.right p .ar_wap{display: inline-block}
.n_case_x ul li .img .top .table_cell .sj_top img{height: 0.5rem}
.n_small .fl04 .left .box .title h4{padding: 0.5rem 0 0}
.n_small .fl04 .left .box .title{margin-bottom: 2rem}
.n_small .fl04{padding: 3rem 0 4rem}
.n_small .fl04 .left .box ul li .con h3{font-size: 0.875rem}
.n_small .fl06 ul{font-size: 0;margin: 0 -5px;}
.n_small .fl06 ul li{display: inline-block;width: 50%;padding: 0 5px;margin-bottom: 1rem}
.hi-icon{width: 6rem;height: 6rem;line-height: 6rem}
.n_small .fl05 ul li .box .con img{max-height: 2rem}
.n_case ul{margin: 0 -0.35rem}
.n_case ul li{padding: 0 0.35rem;margin-bottom: 1.25rem}
.container08 .con.left ul li{width: 40%;}}
@media (max-width: 456px){.container01 .fl01 ul li .box, .container01 .fl01 ul li .box span.y1, .container01 .fl01 ul li .icon{/* width: 5rem;height: 5rem;*/line-height: 5rem}
.container01 .fl01 ul li .icon .con img{height: 3rem;margin-top: -15px;}
.container01 .fl01 ul li h6{line-height: 1rem;height: 2rem;display: block;overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;white-space:nowrap;}
.n_case ul li{}
.n_news .left ul li{width: 100%;margin-bottom: 1.5rem}
.n_case01 ul li{width: 100%;}}
@charset "UTF-8";.animated{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.infinite{-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.animated.hinge{-webkit-animation-duration: 2s;animation-duration: 2s;}
@-webkit-keyframes bounce{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
40%, 43%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0);}
70%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -15px, 0);transform: translate3d(0, -15px, 0);}
90%{-webkit-transform: translate3d(0, -4px, 0);transform: translate3d(0, -4px, 0);}}
@keyframes bounce{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
40%, 43%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0);}
70%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -15px, 0);transform: translate3d(0, -15px, 0);}
90%{-webkit-transform: translate3d(0, -4px, 0);transform: translate3d(0, -4px, 0);}}
.bounce{-webkit-animation-name: bounce;animation-name: bounce;-webkit-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom;}
@-webkit-keyframes flash{0%, 50%, 100%{opacity: 1;}
25%, 75%{opacity: 0;}}
@keyframes flash{0%, 50%, 100%{opacity: 1;}
25%, 75%{opacity: 0;}}
.flash{-webkit-animation-name: flash;animation-name: flash;}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide*/@-webkit-keyframes pulse{0%{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
50%{-webkit-transform: scale3d(1.05, 1.05, 1.05);transform: scale3d(1.05, 1.05, 1.05);}
100%{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
@keyframes pulse{0%{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
50%{-webkit-transform: scale3d(1.05, 1.05, 1.05);transform: scale3d(1.05, 1.05, 1.05);}
100%{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
.pulse{-webkit-animation-name: pulse;animation-name: pulse;}
@-webkit-keyframes rubberBand{0%{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
30%{-webkit-transform: scale3d(1.25, 0.75, 1);transform: scale3d(1.25, 0.75, 1);}
40%{-webkit-transform: scale3d(0.75, 1.25, 1);transform: scale3d(0.75, 1.25, 1);}
50%{-webkit-transform: scale3d(1.15, 0.85, 1);transform: scale3d(1.15, 0.85, 1);}
65%{-webkit-transform: scale3d(.95, 1.05, 1);transform: scale3d(.95, 1.05, 1);}
75%{-webkit-transform: scale3d(1.05, .95, 1);transform: scale3d(1.05, .95, 1);}
100%{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
@keyframes rubberBand{0%{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
30%{-webkit-transform: scale3d(1.25, 0.75, 1);transform: scale3d(1.25, 0.75, 1);}
40%{-webkit-transform: scale3d(0.75, 1.25, 1);transform: scale3d(0.75, 1.25, 1);}
50%{-webkit-transform: scale3d(1.15, 0.85, 1);transform: scale3d(1.15, 0.85, 1);}
65%{-webkit-transform: scale3d(.95, 1.05, 1);transform: scale3d(.95, 1.05, 1);}
75%{-webkit-transform: scale3d(1.05, .95, 1);transform: scale3d(1.05, .95, 1);}
100%{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
.rubberBand{-webkit-animation-name: rubberBand;animation-name: rubberBand;}
@-webkit-keyframes shake{0%, 100%{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
10%, 30%, 50%, 70%, 90%{-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}
20%, 40%, 60%, 80%{-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}}
@keyframes shake{0%, 100%{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
10%, 30%, 50%, 70%, 90%{-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}
20%, 40%, 60%, 80%{-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}}
.shake{-webkit-animation-name: shake;animation-name: shake;}
@-webkit-keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg);transform: rotate3d(0, 0, 1, 15deg);}
40%{-webkit-transform: rotate3d(0, 0, 1, -10deg);transform: rotate3d(0, 0, 1, -10deg);}
60%{-webkit-transform: rotate3d(0, 0, 1, 5deg);transform: rotate3d(0, 0, 1, 5deg);}
80%{-webkit-transform: rotate3d(0, 0, 1, -5deg);transform: rotate3d(0, 0, 1, -5deg);}
100%{-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);}}
@keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg);transform: rotate3d(0, 0, 1, 15deg);}
40%{-webkit-transform: rotate3d(0, 0, 1, -10deg);transform: rotate3d(0, 0, 1, -10deg);}
60%{-webkit-transform: rotate3d(0, 0, 1, 5deg);transform: rotate3d(0, 0, 1, 5deg);}
80%{-webkit-transform: rotate3d(0, 0, 1, -5deg);transform: rotate3d(0, 0, 1, -5deg);}
100%{-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);}}
.swing{-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-animation-name: swing;animation-name: swing;}
@-webkit-keyframes tada{0%{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
10%, 20%{-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);}
30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}
40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}
100%{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
@keyframes tada{0%{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
10%, 20%{-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);}
30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}
40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}
100%{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
.tada{-webkit-animation-name: tada;animation-name: tada;}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide*/@-webkit-keyframes wobble{0%{-webkit-transform: none;transform: none;}
15%{-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}
30%{-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}
45%{-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}
60%{-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}
75%{-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}
100%{-webkit-transform: none;transform: none;}}
@keyframes wobble{0%{-webkit-transform: none;transform: none;}
15%{-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}
30%{-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}
45%{-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}
60%{-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}
75%{-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}
100%{-webkit-transform: none;transform: none;}}
.wobble{-webkit-animation-name: wobble;animation-name: wobble;}
@-webkit-keyframes bounceIn{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
20%{-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}
40%{-webkit-transform: scale3d(.9, .9, .9);transform: scale3d(.9, .9, .9);}
60%{opacity: 1;-webkit-transform: scale3d(1.03, 1.03, 1.03);transform: scale3d(1.03, 1.03, 1.03);}
80%{-webkit-transform: scale3d(.97, .97, .97);transform: scale3d(.97, .97, .97);}
100%{opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
@keyframes bounceIn{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
20%{-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}
40%{-webkit-transform: scale3d(.9, .9, .9);transform: scale3d(.9, .9, .9);}
60%{opacity: 1;-webkit-transform: scale3d(1.03, 1.03, 1.03);transform: scale3d(1.03, 1.03, 1.03);}
80%{-webkit-transform: scale3d(.97, .97, .97);transform: scale3d(.97, .97, .97);}
100%{opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
.bounceIn{-webkit-animation-name: bounceIn;animation-name: bounceIn;-webkit-animation-duration: .75s;animation-duration: .75s;}
@-webkit-keyframes bounceInDown{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity: 0;-webkit-transform: translate3d(0, -3000px, 0);transform: translate3d(0, -3000px, 0);}
60%{opacity: 1;-webkit-transform: translate3d(0, 25px, 0);transform: translate3d(0, 25px, 0);}
75%{-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}
90%{-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0);}
100%{-webkit-transform: none;transform: none;}}
@keyframes bounceInDown{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity: 0;-webkit-transform: translate3d(0, -3000px, 0);transform: translate3d(0, -3000px, 0);}
60%{opacity: 1;-webkit-transform: translate3d(0, 25px, 0);transform: translate3d(0, 25px, 0);}
75%{-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}
90%{-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0);}
100%{-webkit-transform: none;transform: none;}}
.bounceInDown{-webkit-animation-name: bounceInDown;animation-name: bounceInDown;}
@-webkit-keyframes bounceInLeft{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity: 0;-webkit-transform: translate3d(-3000px, 0, 0);transform: translate3d(-3000px, 0, 0);}
60%{opacity: 1;-webkit-transform: translate3d(25px, 0, 0);transform: translate3d(25px, 0, 0);}
75%{-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}
90%{-webkit-transform: translate3d(5px, 0, 0);transform: translate3d(5px, 0, 0);}
100%{-webkit-transform: none;transform: none;}}
@keyframes bounceInLeft{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity: 0;-webkit-transform: translate3d(-3000px, 0, 0);transform: translate3d(-3000px, 0, 0);}
60%{opacity: 1;-webkit-transform: translate3d(25px, 0, 0);transform: translate3d(25px, 0, 0);}
75%{-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}
90%{-webkit-transform: translate3d(5px, 0, 0);transform: translate3d(5px, 0, 0);}
100%{-webkit-transform: none;transform: none;}}
.bounceInLeft{-webkit-animation-name: bounceInLeft;animation-name: bounceInLeft;}
@-webkit-keyframes bounceInRight{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity: 0;-webkit-transform: translate3d(3000px, 0, 0);transform: translate3d(3000px, 0, 0);}
60%{opacity: 1;-webkit-transform: translate3d(-25px, 0, 0);transform: translate3d(-25px, 0, 0);}
75%{-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}
90%{-webkit-transform: translate3d(-5px, 0, 0);transform: translate3d(-5px, 0, 0);}
100%{-webkit-transform: none;transform: none;}}
@keyframes bounceInRight{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity: 0;-webkit-transform: translate3d(3000px, 0, 0);transform: translate3d(3000px, 0, 0);}
60%{opacity: 1;-webkit-transform: translate3d(-25px, 0, 0);transform: translate3d(-25px, 0, 0);}
75%{-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}
90%{-webkit-transform: translate3d(-5px, 0, 0);transform: translate3d(-5px, 0, 0);}
100%{-webkit-transform: none;transform: none;}}
.bounceInRight{-webkit-animation-name: bounceInRight;animation-name: bounceInRight;}
@-webkit-keyframes bounceInUp{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity: 0;-webkit-transform: translate3d(0, 3000px, 0);transform: translate3d(0, 3000px, 0);}
60%{opacity: 1;-webkit-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);}
75%{-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);}
90%{-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0);}
100%{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@keyframes bounceInUp{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity: 0;-webkit-transform: translate3d(0, 3000px, 0);transform: translate3d(0, 3000px, 0);}
60%{opacity: 1;-webkit-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);}
75%{-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);}
90%{-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0);}
100%{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
.bounceInUp{-webkit-animation-name: bounceInUp;animation-name: bounceInUp;}
@-webkit-keyframes bounceOut{20%{-webkit-transform: scale3d(.9, .9, .9);transform: scale3d(.9, .9, .9);}
50%, 55%{opacity: 1;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}
100%{opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}}
@keyframes bounceOut{20%{-webkit-transform: scale3d(.9, .9, .9);transform: scale3d(.9, .9, .9);}
50%, 55%{opacity: 1;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}
100%{opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}}
.bounceOut{-webkit-animation-name: bounceOut;animation-name: bounceOut;-webkit-animation-duration: .75s;animation-duration: .75s;}
@-webkit-keyframes bounceOutDown{20%{-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);}
40%, 45%{opacity: 1;-webkit-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);}
100%{opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}}
@keyframes bounceOutDown{20%{-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);}
40%, 45%{opacity: 1;-webkit-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);}
100%{opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}}
.bounceOutDown{-webkit-animation-name: bounceOutDown;animation-name: bounceOutDown;}
@-webkit-keyframes bounceOutLeft{20%{opacity: 1;-webkit-transform: translate3d(20px, 0, 0);transform: translate3d(20px, 0, 0);}
100%{opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}}
@keyframes bounceOutLeft{20%{opacity: 1;-webkit-transform: translate3d(20px, 0, 0);transform: translate3d(20px, 0, 0);}
100%{opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}}
.bounceOutLeft{-webkit-animation-name: bounceOutLeft;animation-name: bounceOutLeft;}
@-webkit-keyframes bounceOutRight{20%{opacity: 1;-webkit-transform: translate3d(-20px, 0, 0);transform: translate3d(-20px, 0, 0);}
100%{opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}}
@keyframes bounceOutRight{20%{opacity: 1;-webkit-transform: translate3d(-20px, 0, 0);transform: translate3d(-20px, 0, 0);}
100%{opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}}
.bounceOutRight{-webkit-animation-name: bounceOutRight;animation-name: bounceOutRight;}
@-webkit-keyframes bounceOutUp{20%{-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}
40%, 45%{opacity: 1;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);}
100%{opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}}
@keyframes bounceOutUp{20%{-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}
40%, 45%{opacity: 1;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);}
100%{opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}}
.bounceOutUp{-webkit-animation-name: bounceOutUp;animation-name: bounceOutUp;}
@-webkit-keyframes fadeIn{0%{opacity: 0;}
100%{opacity: 1;}}
@keyframes fadeIn{0%{opacity: 0;}
100%{opacity: 1;}}
.fadeIn{-webkit-animation-name: fadeIn;animation-name: fadeIn;}
@-webkit-keyframes fadeInDown{0%{opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInDown{0%{opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
.fadeInDown{-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}
@-webkit-keyframes fadeInDownBig{0%{opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInDownBig{0%{opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
.fadeInDownBig{-webkit-animation-name: fadeInDownBig;animation-name: fadeInDownBig;}
@-webkit-keyframes fadeInLeft{0%{opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInLeft{0%{opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
.fadeInLeft{-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}
@-webkit-keyframes fadeInLeftBig{0%{opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInLeftBig{0%{opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
.fadeInLeftBig{-webkit-animation-name: fadeInLeftBig;animation-name: fadeInLeftBig;}
@-webkit-keyframes fadeInRight{0%{opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInRight{0%{opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
.fadeInRight{-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}
@-webkit-keyframes fadeInRightBig{0%{opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInRightBig{0%{opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
.fadeInRightBig{-webkit-animation-name: fadeInRightBig;animation-name: fadeInRightBig;}
@-webkit-keyframes fadeInUp{0%{opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInUp{0%{opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
.fadeInUp{-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
@-webkit-keyframes fadeInUpBig{0%{opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInUpBig{0%{opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
.fadeInUpBig{-webkit-animation-name: fadeInUpBig;animation-name: fadeInUpBig;}
@-webkit-keyframes fadeOut{0%{opacity: 1;}
100%{opacity: 0;}}
@keyframes fadeOut{0%{opacity: 1;}
100%{opacity: 0;}}
.fadeOut{-webkit-animation-name: fadeOut;animation-name: fadeOut;}
@-webkit-keyframes fadeOutDown{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}}
@keyframes fadeOutDown{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}}
.fadeOutDown{-webkit-animation-name: fadeOutDown;animation-name: fadeOutDown;}
@-webkit-keyframes fadeOutDownBig{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}}
@keyframes fadeOutDownBig{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}}
.fadeOutDownBig{-webkit-animation-name: fadeOutDownBig;animation-name: fadeOutDownBig;}
@-webkit-keyframes fadeOutLeft{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}}
@keyframes fadeOutLeft{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}}
.fadeOutLeft{-webkit-animation-name: fadeOutLeft;animation-name: fadeOutLeft;}
@-webkit-keyframes fadeOutLeftBig{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}}
@keyframes fadeOutLeftBig{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}}
.fadeOutLeftBig{-webkit-animation-name: fadeOutLeftBig;animation-name: fadeOutLeftBig;}
@-webkit-keyframes fadeOutRight{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}}
@keyframes fadeOutRight{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}}
.fadeOutRight{-webkit-animation-name: fadeOutRight;animation-name: fadeOutRight;}
@-webkit-keyframes fadeOutRightBig{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}}
@keyframes fadeOutRightBig{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}}
.fadeOutRightBig{-webkit-animation-name: fadeOutRightBig;animation-name: fadeOutRightBig;}
@-webkit-keyframes fadeOutUp{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}}
@keyframes fadeOutUp{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}}
.fadeOutUp{-webkit-animation-name: fadeOutUp;animation-name: fadeOutUp;}
@-webkit-keyframes fadeOutUpBig{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}}
@keyframes fadeOutUpBig{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}}
.fadeOutUpBig{-webkit-animation-name: fadeOutUpBig;animation-name: fadeOutUpBig;}
@-webkit-keyframes flip{0%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);transform: perspective(400px) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
40%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
50%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
80%{-webkit-transform: perspective(400px) scale3d(.95, .95, .95);transform: perspective(400px) scale3d(.95, .95, .95);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
100%{-webkit-transform: perspective(400px);transform: perspective(400px);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}}
@keyframes flip{0%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);transform: perspective(400px) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
40%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
50%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
80%{-webkit-transform: perspective(400px) scale3d(.95, .95, .95);transform: perspective(400px) scale3d(.95, .95, .95);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
100%{-webkit-transform: perspective(400px);transform: perspective(400px);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}}
.animated.flip{-webkit-backface-visibility: visible;backface-visibility: visible;-webkit-animation-name: flip;animation-name: flip;}
@-webkit-keyframes flipInX{0%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;opacity: 0;}
40%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;}
60%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1;}
80%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}
100%{-webkit-transform: perspective(400px);transform: perspective(400px);}}
@keyframes flipInX{0%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;opacity: 0;}
40%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;}
60%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1;}
80%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}
100%{-webkit-transform: perspective(400px);transform: perspective(400px);}}
.flipInX{-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInX;animation-name: flipInX;}
@-webkit-keyframes flipInY{0%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;opacity: 0;}
40%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);transform: perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;}
60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);transform: perspective(400px) rotate3d(0, 1, 0, 10deg);opacity: 1;}
80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}
100%{-webkit-transform: perspective(400px);transform: perspective(400px);}}
@keyframes flipInY{0%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;opacity: 0;}
40%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);transform: perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;}
60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);transform: perspective(400px) rotate3d(0, 1, 0, 10deg);opacity: 1;}
80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}
100%{-webkit-transform: perspective(400px);transform: perspective(400px);}}
.flipInY{-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInY;animation-name: flipInY;}
@-webkit-keyframes flipOutX{0%{-webkit-transform: perspective(400px);transform: perspective(400px);}
30%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);opacity: 1;}
100%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);opacity: 0;}}
@keyframes flipOutX{0%{-webkit-transform: perspective(400px);transform: perspective(400px);}
30%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);opacity: 1;}
100%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);opacity: 0;}}
.flipOutX{-webkit-animation-name: flipOutX;animation-name: flipOutX;-webkit-animation-duration: .75s;animation-duration: .75s;-webkit-backface-visibility: visible !important;backface-visibility: visible !important;}
@-webkit-keyframes flipOutY{0%{-webkit-transform: perspective(400px);transform: perspective(400px);}
30%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);transform: perspective(400px) rotate3d(0, 1, 0, -15deg);opacity: 1;}
100%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);opacity: 0;}}
@keyframes flipOutY{0%{-webkit-transform: perspective(400px);transform: perspective(400px);}
30%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);transform: perspective(400px) rotate3d(0, 1, 0, -15deg);opacity: 1;}
100%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);opacity: 0;}}
.flipOutY{-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipOutY;animation-name: flipOutY;-webkit-animation-duration: .75s;animation-duration: .75s;}
@-webkit-keyframes lightSpeedIn{0%{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);transform: translate3d(100%, 0, 0) skewX(-30deg);opacity: 0;}
60%{-webkit-transform: skewX(20deg);transform: skewX(20deg);opacity: 1;}
80%{-webkit-transform: skewX(-5deg);transform: skewX(-5deg);opacity: 1;}
100%{-webkit-transform: none;transform: none;opacity: 1;}}
@keyframes lightSpeedIn{0%{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);transform: translate3d(100%, 0, 0) skewX(-30deg);opacity: 0;}
60%{-webkit-transform: skewX(20deg);transform: skewX(20deg);opacity: 1;}
80%{-webkit-transform: skewX(-5deg);transform: skewX(-5deg);opacity: 1;}
100%{-webkit-transform: none;transform: none;opacity: 1;}}
.lightSpeedIn{-webkit-animation-name: lightSpeedIn;animation-name: lightSpeedIn;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
@-webkit-keyframes lightSpeedOut{0%{opacity: 1;}
100%{-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);transform: translate3d(100%, 0, 0) skewX(30deg);opacity: 0;}}
@keyframes lightSpeedOut{0%{opacity: 1;}
100%{-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);transform: translate3d(100%, 0, 0) skewX(30deg);opacity: 0;}}
.lightSpeedOut{-webkit-animation-name: lightSpeedOut;animation-name: lightSpeedOut;-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
@-webkit-keyframes rotateIn{0%{-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, -200deg);transform: rotate3d(0, 0, 1, -200deg);opacity: 0;}
100%{-webkit-transform-origin: center;transform-origin: center;-webkit-transform: none;transform: none;opacity: 1;}}
@keyframes rotateIn{0%{-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, -200deg);transform: rotate3d(0, 0, 1, -200deg);opacity: 0;}
100%{-webkit-transform-origin: center;transform-origin: center;-webkit-transform: none;transform: none;opacity: 1;}}
.rotateIn{-webkit-animation-name: rotateIn;animation-name: rotateIn;}
@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}
100%{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: none;transform: none;opacity: 1;}}
@keyframes rotateInDownLeft{0%{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}
100%{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: none;transform: none;opacity: 1;}}
.rotateInDownLeft{-webkit-animation-name: rotateInDownLeft;animation-name: rotateInDownLeft;}
@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}
100%{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: none;transform: none;opacity: 1;}}
@keyframes rotateInDownRight{0%{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}
100%{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: none;transform: none;opacity: 1;}}
.rotateInDownRight{-webkit-animation-name: rotateInDownRight;animation-name: rotateInDownRight;}
@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}
100%{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: none;transform: none;opacity: 1;}}
@keyframes rotateInUpLeft{0%{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}
100%{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: none;transform: none;opacity: 1;}}
.rotateInUpLeft{-webkit-animation-name: rotateInUpLeft;animation-name: rotateInUpLeft;}
@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, -90deg);transform: rotate3d(0, 0, 1, -90deg);opacity: 0;}
100%{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: none;transform: none;opacity: 1;}}
@keyframes rotateInUpRight{0%{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, -90deg);transform: rotate3d(0, 0, 1, -90deg);opacity: 0;}
100%{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: none;transform: none;opacity: 1;}}
.rotateInUpRight{-webkit-animation-name: rotateInUpRight;animation-name: rotateInUpRight;}
@-webkit-keyframes rotateOut{0%{-webkit-transform-origin: center;transform-origin: center;opacity: 1;}
100%{-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, 200deg);transform: rotate3d(0, 0, 1, 200deg);opacity: 0;}}
@keyframes rotateOut{0%{-webkit-transform-origin: center;transform-origin: center;opacity: 1;}
100%{-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, 200deg);transform: rotate3d(0, 0, 1, 200deg);opacity: 0;}}
.rotateOut{-webkit-animation-name: rotateOut;animation-name: rotateOut;}
@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin: left bottom;transform-origin: left bottom;opacity: 1;}
100%{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}}
@keyframes rotateOutDownLeft{0%{-webkit-transform-origin: left bottom;transform-origin: left bottom;opacity: 1;}
100%{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}}
.rotateOutDownLeft{-webkit-animation-name: rotateOutDownLeft;animation-name: rotateOutDownLeft;}
@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin: right bottom;transform-origin: right bottom;opacity: 1;}
100%{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}}
@keyframes rotateOutDownRight{0%{-webkit-transform-origin: right bottom;transform-origin: right bottom;opacity: 1;}
100%{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}}
.rotateOutDownRight{-webkit-animation-name: rotateOutDownRight;animation-name: rotateOutDownRight;}
@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin: left bottom;transform-origin: left bottom;opacity: 1;}
100%{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}}
@keyframes rotateOutUpLeft{0%{-webkit-transform-origin: left bottom;transform-origin: left bottom;opacity: 1;}
100%{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}}
.rotateOutUpLeft{-webkit-animation-name: rotateOutUpLeft;animation-name: rotateOutUpLeft;}
@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin: right bottom;transform-origin: right bottom;opacity: 1;}
100%{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, 90deg);transform: rotate3d(0, 0, 1, 90deg);opacity: 0;}}
@keyframes rotateOutUpRight{0%{-webkit-transform-origin: right bottom;transform-origin: right bottom;opacity: 1;}
100%{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, 90deg);transform: rotate3d(0, 0, 1, 90deg);opacity: 0;}}
.rotateOutUpRight{-webkit-animation-name: rotateOutUpRight;animation-name: rotateOutUpRight;}
@-webkit-keyframes hinge{0%{-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
20%, 60%{-webkit-transform: rotate3d(0, 0, 1, 80deg);transform: rotate3d(0, 0, 1, 80deg);-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
40%, 80%{-webkit-transform: rotate3d(0, 0, 1, 60deg);transform: rotate3d(0, 0, 1, 60deg);-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;opacity: 1;}
100%{-webkit-transform: translate3d(0, 700px, 0);transform: translate3d(0, 700px, 0);opacity: 0;}}
@keyframes hinge{0%{-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
20%, 60%{-webkit-transform: rotate3d(0, 0, 1, 80deg);transform: rotate3d(0, 0, 1, 80deg);-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
40%, 80%{-webkit-transform: rotate3d(0, 0, 1, 60deg);transform: rotate3d(0, 0, 1, 60deg);-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;opacity: 1;}
100%{-webkit-transform: translate3d(0, 700px, 0);transform: translate3d(0, 700px, 0);opacity: 0;}}
.hinge{-webkit-animation-name: hinge;animation-name: hinge;}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide*/@-webkit-keyframes rollIn{0%{opacity: 0;-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes rollIn{0%{opacity: 0;-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
.rollIn{-webkit-animation-name: rollIn;animation-name: rollIn;}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide*/@-webkit-keyframes rollOut{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}}
@keyframes rollOut{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}}
.rollOut{-webkit-animation-name: rollOut;animation-name: rollOut;}
@-webkit-keyframes zoomIn{0%{opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
50%{opacity: 1;}}
@keyframes zoomIn{0%{opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
50%{opacity: 1;}}
.zoomIn{-webkit-animation-name: zoomIn;animation-name: zoomIn;}
@-webkit-keyframes zoomInDown{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@keyframes zoomInDown{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
.zoomInDown{-webkit-animation-name: zoomInDown;animation-name: zoomInDown;}
@-webkit-keyframes zoomInLeft{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@keyframes zoomInLeft{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
.zoomInLeft{-webkit-animation-name: zoomInLeft;animation-name: zoomInLeft;}
@-webkit-keyframes zoomInRight{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@keyframes zoomInRight{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
.zoomInRight{-webkit-animation-name: zoomInRight;animation-name: zoomInRight;}
@-webkit-keyframes zoomInUp{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@keyframes zoomInUp{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
.zoomInUp{-webkit-animation-name: zoomInUp;animation-name: zoomInUp;}
@-webkit-keyframes zoomOut{0%{opacity: 1;}
50%{opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
100%{opacity: 0;}}
@keyframes zoomOut{0%{opacity: 1;}
50%{opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
100%{opacity: 0;}}
.zoomOut{-webkit-animation-name: zoomOut;animation-name: zoomOut;}
@-webkit-keyframes zoomOutDown{40%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
100%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@keyframes zoomOutDown{40%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
100%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
.zoomOutDown{-webkit-animation-name: zoomOutDown;animation-name: zoomOutDown;}
@-webkit-keyframes zoomOutLeft{40%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);}
100%{opacity: 0;-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);transform: scale(.1) translate3d(-2000px, 0, 0);-webkit-transform-origin: left center;transform-origin: left center;}}
@keyframes zoomOutLeft{40%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);}
100%{opacity: 0;-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);transform: scale(.1) translate3d(-2000px, 0, 0);-webkit-transform-origin: left center;transform-origin: left center;}}
.zoomOutLeft{-webkit-animation-name: zoomOutLeft;animation-name: zoomOutLeft;}
@-webkit-keyframes zoomOutRight{40%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);}
100%{opacity: 0;-webkit-transform: scale(.1) translate3d(2000px, 0, 0);transform: scale(.1) translate3d(2000px, 0, 0);-webkit-transform-origin: right center;transform-origin: right center;}}
@keyframes zoomOutRight{40%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);}
100%{opacity: 0;-webkit-transform: scale(.1) translate3d(2000px, 0, 0);transform: scale(.1) translate3d(2000px, 0, 0);-webkit-transform-origin: right center;transform-origin: right center;}}
.zoomOutRight{-webkit-animation-name: zoomOutRight;animation-name: zoomOutRight;}
@-webkit-keyframes zoomOutUp{40%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
100%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@keyframes zoomOutUp{40%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
100%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
.zoomOutUp{-webkit-animation-name: zoomOutUp;animation-name: zoomOutUp;}
@-webkit-keyframes slideInDown{0%{-webkit-transform: translateY(-100%);transform: translateY(-100%);visibility: visible;}
100%{-webkit-transform: translateY(0);transform: translateY(0);}}
@keyframes slideInDown{0%{-webkit-transform: translateY(-100%);transform: translateY(-100%);visibility: visible;}
100%{-webkit-transform: translateY(0);transform: translateY(0);}}
.slideInDown{-webkit-animation-name: slideInDown;animation-name: slideInDown;}
@-webkit-keyframes slideInLeft{0%{-webkit-transform: translateX(-100%);transform: translateX(-100%);visibility: visible;}
100%{-webkit-transform: translateX(0);transform: translateX(0);}}
@keyframes slideInLeft{0%{-webkit-transform: translateX(-100%);transform: translateX(-100%);visibility: visible;}
100%{-webkit-transform: translateX(0);transform: translateX(0);}}
.slideInLeft{-webkit-animation-name: slideInLeft;animation-name: slideInLeft;}
@-webkit-keyframes slideInRight{0%{-webkit-transform: translateX(100%);transform: translateX(100%);visibility: visible;}
100%{-webkit-transform: translateX(0);transform: translateX(0);}}
@keyframes slideInRight{0%{-webkit-transform: translateX(100%);transform: translateX(100%);visibility: visible;}
100%{-webkit-transform: translateX(0);transform: translateX(0);}}
.slideInRight{-webkit-animation-name: slideInRight;animation-name: slideInRight;}
@-webkit-keyframes slideInUp{0%{-webkit-transform: translateY(100%);transform: translateY(100%);visibility: visible;}
100%{-webkit-transform: translateY(0);transform: translateY(0);}}
@keyframes slideInUp{0%{-webkit-transform: translateY(100%);transform: translateY(100%);visibility: visible;}
100%{-webkit-transform: translateY(0);transform: translateY(0);}}
.slideInUp{-webkit-animation-name: slideInUp;animation-name: slideInUp;}
@-webkit-keyframes slideOutDown{0%{-webkit-transform: translateY(0);transform: translateY(0);}
100%{visibility: hidden;-webkit-transform: translateY(100%);transform: translateY(100%);}}
@keyframes slideOutDown{0%{-webkit-transform: translateY(0);transform: translateY(0);}
100%{visibility: hidden;-webkit-transform: translateY(100%);transform: translateY(100%);}}
.slideOutDown{-webkit-animation-name: slideOutDown;animation-name: slideOutDown;}
@-webkit-keyframes slideOutLeft{0%{-webkit-transform: translateX(0);transform: translateX(0);}
100%{visibility: hidden;-webkit-transform: translateX(-100%);transform: translateX(-100%);}}
@keyframes slideOutLeft{0%{-webkit-transform: translateX(0);transform: translateX(0);}
100%{visibility: hidden;-webkit-transform: translateX(-100%);transform: translateX(-100%);}}
.slideOutLeft{-webkit-animation-name: slideOutLeft;animation-name: slideOutLeft;}
@-webkit-keyframes slideOutRight{0%{-webkit-transform: translateX(0);transform: translateX(0);}
100%{visibility: hidden;-webkit-transform: translateX(100%);transform: translateX(100%);}}
@keyframes slideOutRight{0%{-webkit-transform: translateX(0);transform: translateX(0);}
100%{visibility: hidden;-webkit-transform: translateX(100%);transform: translateX(100%);}}
.slideOutRight{-webkit-animation-name: slideOutRight;animation-name: slideOutRight;}
@-webkit-keyframes slideOutUp{0%{-webkit-transform: translateY(0);transform: translateY(0);}
100%{visibility: hidden;-webkit-transform: translateY(-100%);transform: translateY(-100%);}}
@keyframes slideOutUp{0%{-webkit-transform: translateY(0);transform: translateY(0);}
100%{visibility: hidden;-webkit-transform: translateY(-100%);transform: translateY(-100%);}}
.slideOutUp{-webkit-animation-name: slideOutUp;animation-name: slideOutUp;}
/*********************************************************新*******************************************************/.one{position: relative;}
/*.one:hover .T_menus{display:block;transition: all 0.5s !important;}*/.T_menus{position: absolute;/*top: 66;*/left: -50px;width: 160px;background: white;height: 0px;padding: 20px 0 0px 0;overflow: hidden;}
.T_menus .t_two{margin-left: 0px !important;line-height: 27px;width: 100%;height: auto;}
.T_menus .t_two a{padding-top: 10px;padding-bottom: 10px;font-size: 14px !important;padding-left: 30px;}
.T_menus .t_two a:hover{color: #E23433 !important;background: #f6f6f6 !important;transition: all 0.5s;}
.T_menus .t_two .iconfont{margin-right: 3px;display: inline-block;vertical-align: bottom;}
/*全部文章*/.all_art{color: #e23433 !important;}
/*文章详情*/.news-details-page .news-box .title-box h6{display: inline-block;position: relative;margin-top: 13px;}
.news-details-page .news-box .title-box h6 span{position: relative;font-size: 13px;color: #808080;display: inline-block;height: 40px;line-height: 40px;font-weight: normal;margin-right: 1.675rem;}
.news-details-page .news-box .title-box h6 span img{margin: -3px 0.45rem 0 0;}
.news-details-page .news-box .title-box h6 .share{position: relative;}
/*分享*/.bdsharebuttonbox{display: none;position: absolute;top: 7px;right: -100px;}
/* web底部*/.web{display: flex;}
@media (max-width: 567px){.web{display: block;}}
/*首页tab*/.container03 .miso{font-size: 0;text-align: center;padding-bottom: 3rem;position: relative;height: 420px;}
.container03 .miso .miso-thumb{width: 3840px;position: absolute;left: 0;top: 0;height: 100%;/*background: red;*/}
.container03 .miso .miso-thumb .miso-subset{width: 1280px;height: 100%;display: inline-block;/*background: blue;*/}
.container03 .miso .miso-thumb .miso-subset li{display: inline-block;float: left;width: 16.666667%;text-align: center;margin-bottom: 2.8125rem;}
.container03 .miso .miso-thumb .miso-subset li h5{font-size: 0.875rem;color: #504f54;margin-top: 0.25rem;}
@media (max-width: 768px){.container03 .miso .miso-thumb{width: 1125px;}
.container03 .miso .miso-thumb .miso-subset{width: 375px;}
.container03 .miso .miso-thumb .miso-subset li{width: 32%;margin-left: 5px;}
.container01 .fl01 ul li .icon .con01{top:14px;}
.container03 .miso{height: 580px;}}
/*微信分享*/.wechat_share{width: 260px;height: 320px;background: white;position: absolute;top: 0;display: none;}
.wechat_share_header{width: 100%;height: 16px;padding: 10px;display: flex;justify-content: space-between;align-items: center;}
.wechat_share_header .right{cursor: pointer;}
canvas{margin-top: 26px;margin-left: 29px;}
.wechat_share_bottom{width: 238px;height: 44px;margin: 19px 10px;font-size: 12px;line-height: 20px;}
@media (max-width: 749px){.wechat_share{right: 50px;top: 75px;}
}
/*百度地图*/
.BMap_cpyCtrl{display:none;}
.anchorBL{display:none;}
/**/
.dede_pages{}
.dede_pages ul{float: right; /* padding: 2rem 0 5rem; */ margin-bottom: 50px;}
.dede_pages ul li{float:left;font-family:Tahoma;line-height:17px;margin: 0 0.35rem;border:1px solid #E9E9E9;}
.dede_pages ul li a{float: left; padding: 0 14px; height: 34px; line-height: 34px; display: inline-block; color: #444; transition: all 0.36s ease-in-out;}
.dede_pages ul li span{float: left; padding: 0 14px; height: 34px; line-height: 34px; display: inline-block; color: #444; transition: all 0.36s ease-in-out;}
.dede_pages .active span{background-color: #e23433;color: white;}
.dede_pages .disabled span{background-color: #eee;}
.dede_pages ul li a:hover{background-color: #e23433;color: white;transition: all 0.36s ease-in-out;}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color: #e23433;
/*font-weight: bold;
*/color: white;transition: all 0.36s ease-in-out;}
.dede_pages .pageinfo:hover{display: inline-block;background-color: #e23433;color: white;transition: all 0.36s ease-in-out;}
.dede_pages .pageinfo:hover strong{color: white;transition: all 0.36s ease-in-out;}
.dede_pages .pageinfo{line-height: 18px; padding: 8px; display: inline-block;}
.dede_pages .pageinfo strong{color:#555;font-weight:normal;margin:0px 2px;
}
@media (max-width: 992px){
.dede_pages ul{padding:20px 10px;margin-bottom: 0px;}
.dede_pages ul li{margin-bottom:14px;width: auto;}
.container08 .con.center {width: 35%; padding-top: 28px;}
.container08 .con.right {width: 35%;}
.container08 .con.left {width: 30%;}
.container08 .con.left ul li {display: inline-block;width: 50%; line-height: 25px;}
.container08 .con.center ul li {display: inline-block;margin: 0px 10px;}
.container08 .con.right {padding: 0;}
.layui-container01 {margin: 5px auto;}
.news_nav ul li {font-weight:bold; }
.news_nav ul li a { font-size:18px;}
.dd ul { margin: 0 -0.35rem}
.dd ul li {width: 50%;    padding: 0 5px;margin-bottom: 1rem;}
.dd ul li .con h5 a span {font-weight: normal;font-size: 16px;}
.hd_qr { width: 70%;}
.dd ul li .img a > img{height: 270px;    width: 360px; }
}
@media (max-width: 749px) {
.container08{font-size: 0; padding: 1rem 0; border-bottom: #e7e7e7 1px solid}
.container08 .con{display: inline-block; *display: inline; *zoom: 1; min-height: 0rem; position: relative}
.container08 .con:before{content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 7.8125rem; margin-top: -3.90625rem; background: #e7e7e7}
.container08 .con.center:before{display: none;}
.container08 .con.right:before{content: ""; position: absolute; right: -50px; top: 50%; width: 1px; height: 7.8125rem; margin-top: -3.90625rem; background: #e7e7e7}
/*.container08 .con.right:before{display: none}*/
.container08 .con.left{width: 100%;}
.container08 .con.left ul{}
.container08 .con.left ul li{display: inline-block; *display: inline; *zoom: 1; width: 25%; line-height: 2.25rem;}
.container08 .con.left ul li a{font-size: 14px; color: #565555}
.container08 .con.center{width: 100%; text-align: center; padding-top: 0;}
.container08 .con.center ul li{display: inline-block; *display: inline; *zoom: 1; margin: 0 1.875rem}
.container08 .con.center ul li h3 img{width: 93px; height: 93px;}
.container08 .con.center ul li h5{font-size: 14px; color: #565555; height: 2rem; line-height: 2rem}
.container08 .con.right{width: 100%;}
.container08 .con.right h3{height: 0.25rem; line-height: 0.25rem; margin-bottom: 0.875rem}
.container08 .con.right h3 span{font-size: 1.5rem; color: #3e3d3d; font-weight: bold; display: inline-block; line-height: 1.6rem;}
.container08 .con.right h3 i{display: inline-block; font-style: normal; width: 7px; height: 7px; border-radius: 3.5px; background: #3e3d3d; vertical-align: top; margin: 0.5rem;}
.container08 .con.right h3 .web_i{margin-top: -0.3rem; margin-right: 0.5rem; margin-bottom: 0.5rem; margin-left: 0.5rem;}
.container08 .con.right p{font-size: 14px; color: #565555;display: none; line-height: 1.5rem;text-align: left;}
.container081{padding: 3.25rem 0;}
.layui-container02{padding:  0 ;}
.dd ul li .img a > img{opacity:1.0;height: 130px; width: 100%;}
.dd ul{margin: 0 -0.35rem;}
.dd ul li{width: 50%; padding: 0 5px;margin-bottom: 1rem;}
.dd ul li .con h5 a span{font-weight: normal; font-size: 16px;}
.dd ul li .con hr{margin: 0.7rem 0 1rem;}
.layui-container01{margin: 5px auto;}
.container01 .fl02 ul li h3 img{height: auto;filter: drop-shadow(705px 0 0 #e23433);opacity: 1;}
.al_select ul li a img{height: 14px;margin-right: 0;}
.al_select{margin-top: -25px;}
.container03 .miso .miso-thumb .miso-subset li{width: 33.3333333%;margin-left: 0;float: left;}
.container03 .miso{height: 580px;}
.container04 .title h2{font-size: 2rem;}
.container04 .slider-for ul li .box .fr h5 a{font-size: 16px;}
.container04 .slider-for ul li .box .fr p{font-size: 14px;}
.container08 .con.left ul li a{font-size: 14px;}
.ar_wap.clear{margin: 0.4rem;}
}
@media (max-width: 360px) {
.container03 .miso .miso-thumb .miso-subset li{float: left;width: 30%; margin-left: 0}
.container03 .miso {height: 540px;}
.dd ul li .img a > img{height: 120px; }
.dede_pages ul li a { padding: 0 13px;}
.container08 .con.left ul li a{font-size: 13px;}
}
.news_nav{padding: 2rem 0 0; margin-bottom: -2rem;}
.news_nav ul li{width: 25%; font-weight:bold;}
.news_nav ul li a{font-size: 16px;}.
n_news .left ul li .con p{font-size: 14px;}
.n_news .left ul li .con h5 a{font-size: 16px;}
.dede_pages ul li{width: auto;}
/*---------- index ---------*/